diff --git a/.vuepress/components/InstallBanner.vue b/.vuepress/components/InstallBanner.vue
index 646c32b..12d171c 100644
--- a/.vuepress/components/InstallBanner.vue
+++ b/.vuepress/components/InstallBanner.vue
@@ -7,7 +7,7 @@
     <link rel="stylesheet" href="/landing/css/style.css">
     <link rel="stylesheet" href="/landing/css/components.css">
     <div class="py-80" id="features" style="padding-top: 1rem; padding-bottom: 1rem;">
-        <div class="container">
+        <div class="container" style="margin-top: 0;">
             <div class="row">
                 <div class="col-sm-12">
                     <div class="text-center" style="margin-bottom: 1rem;">
@@ -169,15 +169,16 @@ export default {
   padding: 1rem;
   margin-bottom: 1rem;
 
-  border: 1px solid #8096b0;
+  z-index: 10;
+  border: 1px solid #f2be45;
   border-radius: 5px;
   -webkit-transition: .5s;
   transition: .5s;
-  background-color: #fff;
+  /* background-color: #fff; */
 }
 .feature:hover {
-  background-color: #edf5ff;
-  /* border-color: #fff; */
+  /* background-color: rgba(255,227,200); */
+  background-color: rgba(242, 190, 69, 0.1);
 }
 .feature-title {
   display: inline-block;
@@ -190,4 +191,5 @@ export default {
   vertical-align: top;
   text-align: left;
 }
+
 </style>
diff --git a/.vuepress/components/InstallDashboardPreview.vue b/.vuepress/components/InstallDashboardPreview.vue
new file mode 100644
index 0000000..515c1eb
--- /dev/null
+++ b/.vuepress/components/InstallDashboardPreview.vue
@@ -0,0 +1,51 @@
+<template>
+  <div>
+    <transition name="lightSpeed">
+    <grid :rwd="{compact: 'stack'}" style="margin-top: 1rem;" v-show="show">
+        <grid-item size="1/3" :rwd="{tablet: '1/1', compact: '1/1'}" >
+          <el-card style="height: 100%; color: #2c3e50; line-height: 1.7;" shadow="hover">
+            <p>
+              <a target="_blank" :href="`http://demo.kuboard.cn/#/dashboard?k8sToken=${$site.themeConfig.kuboardToken}`">
+              Kuboard 在线体验
+              <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg>
+              </a>
+            </p>
+            <p style="color: gray; font-size: 14px;">
+            为保证环境的稳定性，在线 Demo 中只提供只读权限。<span style="color: #F56C6C; font-weight: 500;">（请在PC浏览器中打开）</span>
+            </p>
+            <li>无需编写YAML</li>
+            <li>纯图形化环境</li>
+            <li>多环境管理</li>
+          </el-card>
+      </grid-item>
+      <grid-item size="2/3" :rwd="{tablet: '1/1', compact: '1/1'}">
+        <el-card style="height: 100%; border-color: #f2be45; background-color: rgba(242, 190, 69, 0.1)" shadow="hover">
+          <a target="_blank" :href="`http://demo.kuboard.cn/#/dashboard?k8sToken=${$site.themeConfig.kuboardToken}`">
+            <p style="max-width: 100%;">
+              <img src="./1564841972085.gif" style="border: 1px solid #d7dae2; max-width: 100%;" alt="Kubernetes教程：Kuboard 在线Demo"></img>
+            </p>
+          </a>
+        </el-card>
+      </grid-item>
+    </grid>
+    </transition>
+  </div>
+</template>
+
+<script>
+import 'vue2-animate/dist/vue2-animate.min.css';
+
+export default {
+  data() {
+    return {
+      show: false
+    }
+  },
+  mounted () {
+    this.show = true
+  }
+}
+</script>
+
+<style scoped>
+</style>
diff --git a/.vuepress/components/InstallEnvCheck.vue b/.vuepress/components/InstallEnvCheck.vue
index 3f220af..11724c6 100644
--- a/.vuepress/components/InstallEnvCheck.vue
+++ b/.vuepress/components/InstallEnvCheck.vue
@@ -10,7 +10,7 @@
       <p style="color: red">必须选中下面的 {{envCount}} 个勾选框才能继续</p>
       <p>选中后显示 安装 docker/kubelet 的文档</p>
 
-      <div style="display: inline-block; width: 520px; max-width: calc(100vw - 100px); overflow: hidden; line-height: 40px; background-color: rgba(255,229,100,0.3); padding: 20px 0 0 20px; margin-bottom: 20px; border: 1px solid #d7dae2;">
+      <div style="display: inline-block; width: 550px; max-width: calc(100vw - 100px); overflow: hidden; line-height: 40px; background-color: rgba(255,229,100,0.3); padding: 20px 0 0 20px; margin-bottom: 20px; border: 1px solid #d7dae2;">
       <el-form :model="form" ref="envForm" :rules="rules" style="text-align: left;">
       <el-form-item prop="checked" class="env-form-item">
       <el-checkbox-group v-model="form.checked">
diff --git a/.vuepress/config.js b/.vuepress/config.js
index 819e599..fcd72df 100644
--- a/.vuepress/config.js
+++ b/.vuepress/config.js
@@ -4,6 +4,7 @@ module.exports = {
   // configureWebpack: () => ({
   //   devtool: 'source-map'
   // }),
+  modules: ['bootstrap-vue/nuxt'],
   title: 'Kuboard官网',
   description: '一款Kubernetes_Dashboard_简化Kubernetes的学习和使用_帮助您快速落地Kubernetes_提供_Kubernetes_免费中文教程_国内安装文档',
   head: [
diff --git a/.vuepress/enhanceApp.js b/.vuepress/enhanceApp.js
index 54aadb2..26db5a7 100644
--- a/.vuepress/enhanceApp.js
+++ b/.vuepress/enhanceApp.js
@@ -3,6 +3,11 @@ import 'element-ui/lib/theme-chalk/index.css'
 
 import Element from 'element-ui'
 
+import 'bootstrap/dist/css/bootstrap.css'
+import 'bootstrap-vue/dist/bootstrap-vue.css'
+
+import BootstrapVue from 'bootstrap-vue'
+
 import Container from './grid/Container'
 import Grid from './grid/Grid'
 import GridItem from './grid/GridItem'
@@ -23,7 +28,8 @@ export default ({
   router, // 当前应用的路由实例
   siteData // 站点元数据
 }) => {
-  Vue.use(Element)  
+  Vue.use(Element)
+  Vue.use(BootstrapVue)
   Vue.use(VueFractionGrid, {
     approach: 'desktop-first',
     gutter: '1rem',
diff --git a/.vuepress/public/kuboard.rp b/.vuepress/public/kuboard.rp
index 0f52189..1e690a9 100644
Binary files a/.vuepress/public/kuboard.rp and b/.vuepress/public/kuboard.rp differ
diff --git a/.vuepress/public/landing.html b/.vuepress/public/landing.html
index 5981f12..5212c35 100755
--- a/.vuepress/public/landing.html
+++ b/.vuepress/public/landing.html
@@ -47,6 +47,110 @@
 
 <body>
 
+<style type="text/css">
+.box{
+    font-family: 'Merriweather Sans', sans-serif;
+    overflow: hidden;
+    position: relative;
+    z-index: 1;
+    transition: all .5s;
+    margin-bottom: 2rem;
+}
+.box:hover{ box-shadow: 3px 3px 5px #999; }
+.box:before,
+.box:after{
+    content: "";
+    background: radial-gradient(circle at 23% 70%,rgba(255,255,255,0.8),#fff 30%);
+    width: 150%;
+    height: 150%;
+    opacity: 0;
+    transform: rotate(45deg);
+    position: absolute;
+    top:-10.5%;
+    right:-150%;
+    z-index: 1;
+    transition: all 0.35s ease;
+}
+.box:after{
+    background: rgba(255,255,255,0.5);
+    width: 65%;
+    height: 65%;
+    right: auto;
+    left: -20%;
+    top: -65%;
+}
+.box:hover:before{
+    opacity: 1;
+    right: -85%;
+}
+.box:hover:after{
+    opacity: 1;
+    top: -42%;
+}
+.box img{
+    width: 100%;
+    height: auto;
+    transition: all 0.5s ease;
+}
+.box:hover img{ transform: scale(1.2); }
+.box .box-content{
+    text-align: right;
+    transform: translateY(-50%);
+    position: absolute;
+    top: 50%;
+    right: -100%;
+    z-index: 2;
+    transition: all .5s;
+}
+.box:hover .box-content{ right: 5%; }
+.box .title{
+    color: #1e272e;
+    font-size: 23px;
+    font-weight: 700;
+    text-transform: uppercase;
+    margin: 0 0 3px 0;
+}
+.box .post{
+    font-size: 16px;
+    text-transform: capitalize;
+    margin: 0 0 10px;
+    display: block;
+}
+.box .icon{
+    padding: 0;
+    margin: 0;
+    list-style: none;
+}
+.box .icon li{
+    display: inline-block;
+    margin: 0 4px;
+}
+.box .icon li a{
+    color: #fff;
+    background-color: #1e272e;
+    font-size: 18px;
+    text-align: center;
+    line-height: 35px;
+    height: 35px;
+    width: 35px;
+    border-radius: 50%;
+    display: block;
+    transition: all 0.3s;
+}
+.box .icon li  a:hover{
+    color: #1e272e;
+    background-color: #fff;
+    border-radius: 10%;
+    box-shadow: 0 0 5px #1e272e inset;
+}
+@media only screen and (max-width:990px){
+    .box { margin: 0 0 30px; }
+}
+@media only screen and (max-width:479px){
+    .box .title{ font-size: 20px; }
+}                   
+</style>
+    
     <!-- Navigation -->
     <div id="menu_area" class="menu-area fixed-top">
         <div class="container">
@@ -111,8 +215,7 @@
     </header>
     <!-- /Header -->
 
-
-    <div class="bg-gray py-80" id="webinars">
+    <div class="bg-gray py-80" id="products">
         <div class="container">
             <div class="row">
                 <div class="col-sm-12">
@@ -123,156 +226,71 @@
                 </div>
             </div>
             <div class="row">
-                <div class="col-md-6">
-                    <!-- Webnair Card  <Start> -->
-                    <div class="card cs-webnair-card" data-aos="fade-up" data-aos-anchor-placement="top-bottom">
-                        <div class="card-body">
-                            <h4 class="card-title text-primary">Kubernetes 安装文档</h4>
-                            <p class="card-text">
-                                <li>每天有超过300名网友参考此安装文档顺利完成 Kubernetes 的安装</li>
-                                <li>自2019年8月开始，已更新60+个版本，始终与最新 Kubernetes 稳定版保持同步</li>
-                            </p>
-                            <div class="media">
-                                <img class="mr-3" src="landing/images/icn4.svg" alt="image" width="50" height="50">
-                                <div class="media-body">
-                                    <h5><small>保证</small> 安装成功</h5>
-                                    碰到问题可免费找群主远程协助
-                                </div>
-                            </div>
-
-                        </div>
-                        <div class="card-actions">
-                            <div class="row">
-                                <div class="col-sm-6">
-                                    <!-- <div class="webnair-date">
-                                        <h5>Apr</h5>
-                                        <h2>18</h2>
-                                        <p>10:30AM IST</p>
-                                    </div> -->
-                                </div>
-                                <div class="col-sm-6">
-                                    <div class="my-4 text-center" style="margin-top: 0 !important;">
-                                        <a href="/install/install-k8s.html" class="btn btn-primary btn-round">免费获取文档 <i class="fa fa-long-arrow-right" ></i></a>
-                                    </div>
-                                </div>
-                            </div>
+                <div class="col-md-3 col-sm-6">
+                    <div class="box" data-aos="fade-up" data-aos-anchor-placement="top-bottom">
+                            <a href="/install/install-k8s.html">
+                        <img src="landing/images/install.png" alt="K8S教程_K8S培训_K8S安装手册_每天300人采纳_使用与最新K8S版本同步_免费远程协助_成功保证">
+                        <div class="box-content">
+                            <h3 class="title">K8S 安装手册</h3>
+                            <span class="post" style="color: #212529;">Kuboard for K8S</span>
+                            <ul class="icon">
+                                <!-- <li><a href="#"><i class="fa fa-search"></i></a></li> -->
+                                <li><i class="fa fa-link"></i></li>
+                            </ul>
                         </div>
+                    </a>
                     </div>
-                    <!-- Webnair Card </End> -->
                 </div>
-                <div class="col-md-6">
-                    <!-- Webnair Card  <Start> -->
-                    <div class="card cs-webnair-card" data-aos="fade-up" data-aos-anchor-placement="top-bottom" data-aos-duration="1500">
-                        <div class="card-body">
-                            <h4 class="card-title text-primary">Kubernetes 免费教程</h4>
-                            <p class="card-text">
-                                <li>权威资料，主要依据来源于 kubernetes 官网，及 Kubernetes 第一手实战经验</li>
-                                <li>随时查看，自适应 PC 端和手机端，可以随时随地翻阅</li>
-                            </p>
-                            <div class="media">
-                                <img class="mr-3" src="landing/images/icn5.svg" alt="image" width="50" height="50">
-                                <div class="media-body">
-                                    <h5><small>答疑</small> 在线答疑</h5>
-                                    碰到问题可以直接与作者沟通
-                                </div>
-                            </div>
-
-                        </div>
-                        <div class="card-actions">
-                            <div class="row">
-                                <div class="col-sm-6">
-                                    <!-- <div class="webnair-date">
-                                        <h5>Apr</h5>
-                                        <h2>18</h2>
-                                        <p>10:30AM IST</p>
-                                    </div> -->
-                                </div>
-                                <div class="col-sm-6">
-                                    <div class="my-4 text-center" style="margin-top: 0 !important;">
-                                        <a href="/learning/" class="btn btn-primary btn-round">免费获取教程 <i class="fa fa-long-arrow-right" ></i></a>
-                                    </div>
-                                </div>
-                            </div>
+                <div class="col-md-3 col-sm-6">
+                    <div class="box" data-aos="fade-up" data-aos-anchor-placement="top-bottom" data-aos-duration="1500">
+                            <a href="/learning/">
+                       <img src="landing/images/tutorial-p.png" alt="K8S教程_K8S培训_K8S安装手册_权威资料_第一手实战经验_自适应PC/手机">
+                        <div class="box-content">
+                            <h3 class="title">K8S 免费教程</h3>
+                            <span class="post" style="color: #212529;">Kuboard for K8S</span>
+                            <ul class="icon">
+                                <!-- <li><i class="fa fa-search"></i></li> -->
+                                <!-- <li><a href="#"></a><i class="fa fa-link"></i></a></li> -->
+                                <li><i class="fa fa-link"></i></li>
+                            </ul>
                         </div>
+                    </a>
                     </div>
-                    <!-- Webnair Card </End> -->
                 </div>
-                <div class="col-md-6">
-                    <!-- Webnair Card  <Start> -->
-                    <div class="card cs-webnair-card" data-aos="fade-up" data-aos-anchor-placement="top-bottom" data-aos-duration="1500">
-                        <div class="card-body">
-                            <h4 class="card-title text-primary">Kubernetes 管理面板</h4>
-                            <p class="card-text">
-                                <li>无需编写 YAML，通过图形化管理界面便可轻松完成应用的部署和管理</li>
-                                <li>多环境管理</li>
-                            </p>
-                            <div class="media">
-                                <img class="mr-3" src="landing/images/icn1.svg" alt="image" width="50" height="50">
-                                <div class="media-body">
-                                    <h5>降低门槛</h5>
-                                    使用 Kuboard 可以有效的降低 K8S 的门槛
-                                </div>
-                            </div>
-
-                        </div>
-                        <div class="card-actions">
-                            <div class="row">
-                                <div class="col-sm-6">
-                                    <!-- <div class="webnair-date">
-                                        <h5>Apr</h5>
-                                        <h2>18</h2>
-                                        <p>10:30AM IST</p>
-                                    </div> -->
-                                </div>
-                                <div class="col-sm-6">
-                                    <div class="my-4 text-center" style="margin-top: 0 !important;">
-                                        <a href="/install/install-dashboard.html" class="btn btn-primary btn-round">免费获取 <i class="fa fa-long-arrow-right" ></i></a>
-                                    </div>
-                                </div>
-                            </div>
+                <div class="col-md-3 col-sm-6">
+                    <a href="/install/install-dashboard.html">
+                    <div class="box" data-aos="fade-up" data-aos-anchor-placement="top-bottom" data-aos-duration="2500">
+                        <img src="landing/images/dashboard-p.png" alt="K8S教程_K8S培训_K8S安装手册_无需编写YAML文件_纯图形化管理_多环境管理">
+                        <div class="box-content">
+                            <h3 class="title">K8S 管理面板</h3>
+                            <span class="post" style="color: #212529;">Kuboard for K8S</span>
+                            <ul class="icon">
+                                <!-- <li><i class="fa fa-search"></i></li> -->
+                                <!-- <li><a href="#"></a><i class="fa fa-link"></i></a></li> -->
+                                <li><i class="fa fa-link"></i></li>
+                            </ul>
                         </div>
                     </div>
-                    <!-- Webnair Card </End> -->
+                    </a>
                 </div>
-                <div class="col-md-6">
-                    <!-- Webnair Card  <Start> -->
-                    <div class="card cs-webnair-card" data-aos="fade-up" data-aos-anchor-placement="top-bottom" data-aos-duration="1500">
-                        <div class="card-body">
-                            <h4 class="card-title text-primary">Spring Cloud 实战文档</h4>
-                            <p class="card-text">
-                                <li>在 Kubernetes 上部署 Spring Cloud 微服务架构</li>
-                                <li>第一手实战经验分享</li>
-                            </p>
-                            <div class="media">
-                                <img class="mr-3" src="landing/images/icn3.svg" alt="image" width="50" height="50">
-                                <div class="media-body">
-                                    <h5><small>答疑</small> 在线答疑</h5>
-                                    碰到问题可以直接与作者沟通
-                                </div>
-                            </div>
-
-                        </div>
-                        <div class="card-actions">
-                            <div class="row">
-                                <div class="col-sm-6">
-                                    <!-- <div class="webnair-date">
-                                        <h5>Apr</h5>
-                                        <h2>18</h2>
-                                        <p>10:30AM IST</p>
-                                    </div> -->
-                                </div>
-                                <div class="col-sm-6">
-                                    <div class="my-4 text-center" style="margin-top: 0 !important;">
-                                        <a href="/learning/k8s-practice/micro-service/kuboard-view-of-k8s.html" class="btn btn-primary btn-round">免费获取文档 <i class="fa fa-long-arrow-right" ></i></a>
-                                    </div>
-                                </div>
-                            </div>
+                <div class="col-md-3 col-sm-6">
+                    <a href="/learning/k8s-practice/micro-service/kuboard-view-of-k8s.html">
+                    <div class="box" data-aos="fade-up" data-aos-anchor-placement="top-bottom" data-aos-duration="2000">
+                        <img src="landing/images/springcloud-p.png" alt="K8S教程_K8S培训_K8S安装手册_在Kubernetes上实战Spring_Cloud_活跃的OCP社区支持">
+                        <div class="box-content">
+                            <h3 class="title">微服务实战</h3>
+                            <span class="post" style="color: #212529;">Kuboard for K8S</span>
+                            <ul class="icon">
+                                <!-- <li><i class="fa fa-search"></i></li> -->
+                                <!-- <li><a href="#"></a><i class="fa fa-link"></i></a></li> -->
+                                <li><i class="fa fa-link"></i></li>
+                            </ul>
                         </div>
                     </div>
-                    <!-- Webnair Card </End> -->
+                    </a>
                 </div>
             </div>
-        </div>
+        </div> 
     </div>
 
     <!-- Media Call Action <Start> -->
diff --git a/.vuepress/public/landing/css/magic.min.css b/.vuepress/public/landing/css/magic.min.css
new file mode 100755
index 0000000..37302b8
--- /dev/null
+++ b/.vuepress/public/landing/css/magic.min.css
@@ -0,0 +1 @@
+.magictime{-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;}.magic{-webkit-animation-name:magic;-moz-animation-name:magic;-ms-animation-name:magic;-o-animation-name:magic;animation-name:magic;}.openDownLeft{-webkit-animation-name:openDownLeft;-moz-animation-name:openDownLeft;-ms-animation-name:openDownLeft;-o-animation-name:openDownLeft;animation-name:openDownLeft;}.openDownRight{-webkit-animation-name:openDownRight;-moz-animation-name:openDownRight;-ms-animation-name:openDownRight;-o-animation-name:openDownRight;animation-name:openDownRight;}.openUpLeft{-webkit-animation-name:openUpLeft;-moz-animation-name:openUpLeft;-ms-animation-name:openUpLeft;-o-animation-name:openUpLeft;animation-name:openUpLeft;}.openUpRight{-webkit-animation-name:openUpRight;-moz-animation-name:openUpRight;-ms-animation-name:openUpRight;-o-animation-name:openUpRight;animation-name:openUpRight;}.openDownLeftRetourn{-webkit-animation-name:openDownLeftRetourn;-moz-animation-name:openDownLeftRetourn;-ms-animation-name:openDownLeftRetourn;-o-animation-name:openDownLeftRetourn;animation-name:openDownLeftRetourn;}.openDownRightRetourn{-webkit-animation-name:openDownRightRetourn;-moz-animation-name:openDownRightRetourn;-ms-animation-name:openDownRightRetourn;-o-animation-name:openDownRightRetourn;animation-name:openDownRightRetourn;}.openUpLeftRetourn{-webkit-animation-name:openUpLeftRetourn;-moz-animation-name:openUpLeftRetourn;-ms-animation-name:openUpLeftRetourn;-o-animation-name:openUpLeftRetourn;animation-name:openUpLeftRetourn;}.openUpRightRetourn{-webkit-animation-name:openUpRightRetourn;-moz-animation-name:openUpRightRetourn;-ms-animation-name:openUpRightRetourn;-o-animation-name:openUpRightRetourn;animation-name:openUpRightRetourn;}.openDownLeftOut{-webkit-animation-name:openDownLeftOut;-moz-animation-name:openDownLeftOut;-ms-animation-name:openDownLeftOut;-o-animation-name:openDownLeftOut;animation-name:openDownLeftOut;}.openDownRightOut{-webkit-animation-name:openDownRightOut;-moz-animation-name:openDownRightOut;-ms-animation-name:openDownRightOut;-o-animation-name:openDownRightOut;animation-name:openDownRightOut;}.openUpLeftOut{-webkit-animation-name:openUpLeftOut;-moz-animation-name:openUpLeftOut;-ms-animation-name:openUpLeftOut;-o-animation-name:openUpLeftOut;animation-name:openUpLeftOut;}.openUpRightOut{-webkit-animation-name:openUpRightOut;-moz-animation-name:openUpRightOut;-ms-animation-name:openUpRightOut;-o-animation-name:openUpRightOut;animation-name:openUpRightOut;}.perspectiveDown{-webkit-backface-visibility:visible !important;-moz-backface-visibility:visible !important;-ms-backface-visibility:visible !important;-o-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:perspectiveDown;-moz-animation-name:perspectiveDown;-ms-animation-name:perspectiveDown;-o-animation-name:perspectiveDown;animation-name:perspectiveDown;}.perspectiveLeft{-webkit-backface-visibility:visible !important;-moz-backface-visibility:visible !important;-ms-backface-visibility:visible !important;-o-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:perspectiveLeft;-moz-animation-name:perspectiveLeft;-ms-animation-name:perspectiveLeft;-o-animation-name:perspectiveLeft;animation-name:perspectiveLeft;}.perspectiveRight{-webkit-backface-visibility:visible !important;-moz-backface-visibility:visible !important;-ms-backface-visibility:visible !important;-o-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:perspectiveRight;-moz-animation-name:perspectiveRight;-ms-animation-name:perspectiveRight;-o-animation-name:perspectiveRight;animation-name:perspectiveRight;}.perspectiveUp{-webkit-backface-visibility:visible !important;-moz-backface-visibility:visible !important;-ms-backface-visibility:visible !important;-o-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:perspectiveUp;-moz-animation-name:perspectiveUp;-ms-animation-name:perspectiveUp;-o-animation-name:perspectiveUp;animation-name:perspectiveUp;}.perspectiveDownRetourn{-webkit-backface-visibility:visible !important;-moz-backface-visibility:visible !important;-ms-backface-visibility:visible !important;-o-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:perspectiveDownRetourn;-moz-animation-name:perspectiveDownRetourn;-ms-animation-name:perspectiveDownRetourn;-o-animation-name:perspectiveDownRetourn;animation-name:perspectiveDownRetourn;}.perspectiveLeftRetourn{-webkit-backface-visibility:visible !important;-moz-backface-visibility:visible !important;-ms-backface-visibility:visible !important;-o-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:perspectiveLeftRetourn;-moz-animation-name:perspectiveLeftRetourn;-ms-animation-name:perspectiveLeftRetourn;-o-animation-name:perspectiveLeftRetourn;animation-name:perspectiveLeftRetourn;}.perspectiveRightRetourn{-webkit-backface-visibility:visible !important;-moz-backface-visibility:visible !important;-ms-backface-visibility:visible !important;-o-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:perspectiveRightRetourn;-moz-animation-name:perspectiveRightRetourn;-ms-animation-name:perspectiveRightRetourn;-o-animation-name:perspectiveRightRetourn;animation-name:perspectiveRightRetourn;}.perspectiveUpRetourn{-webkit-backface-visibility:visible !important;-moz-backface-visibility:visible !important;-ms-backface-visibility:visible !important;-o-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:perspectiveUpRetourn;-moz-animation-name:perspectiveUpRetourn;-ms-animation-name:perspectiveUpRetourn;-o-animation-name:perspectiveUpRetourn;animation-name:perspectiveUpRetourn;}.puffIn{-webkit-animation-name:puffIn;-moz-animation-name:puffIn;-ms-animation-name:puffIn;-o-animation-name:puffIn;animation-name:puffIn;}.puffOut{-webkit-animation-name:puffOut;-moz-animation-name:puffOut;-ms-animation-name:puffOut;-o-animation-name:puffOut;animation-name:puffOut;}.rotateDown{-webkit-backface-visibility:visible !important;-moz-backface-visibility:visible !important;-ms-backface-visibility:visible !important;-o-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:rotateDown;-moz-animation-name:rotateDown;-ms-animation-name:rotateDown;-o-animation-name:rotateDown;animation-name:rotateDown;}.rotateLeft{-webkit-backface-visibility:visible !important;-moz-backface-visibility:visible !important;-ms-backface-visibility:visible !important;-o-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:rotateLeft;-moz-animation-name:rotateLeft;-ms-animation-name:rotateLeft;-o-animation-name:rotateLeft;animation-name:rotateLeft;}.rotateRight{-webkit-backface-visibility:visible !important;-moz-backface-visibility:visible !important;-ms-backface-visibility:visible !important;-o-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:rotateRight;-moz-animation-name:rotateRight;-ms-animation-name:rotateRight;-o-animation-name:rotateRight;animation-name:rotateRight;}.rotateUp{-webkit-backface-visibility:visible !important;-moz-backface-visibility:visible !important;-ms-backface-visibility:visible !important;-o-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:rotateUp;-moz-animation-name:rotateUp;-ms-animation-name:rotateUp;-o-animation-name:rotateUp;animation-name:rotateUp;}.slideDown{-webkit-animation-name:slideDown;-moz-animation-name:slideDown;-ms-animation-name:slideDown;-o-animation-name:slideDown;animation-name:slideDown;}.slideLeft{-webkit-animation-name:slideLeft;-moz-animation-name:slideLeft;-ms-animation-name:slideLeft;-o-animation-name:slideLeft;animation-name:slideLeft;}.slideRight{-webkit-animation-name:slideRight;-moz-animation-name:slideRight;-ms-animation-name:slideRight;-o-animation-name:slideRight;animation-name:slideRight;}.slideUp{-webkit-animation-name:slideUp;-moz-animation-name:slideUp;-ms-animation-name:slideUp;-o-animation-name:slideUp;animation-name:slideUp;}.slideDownRetourn{-webkit-animation-name:slideDownRetourn;-moz-animation-name:slideDownRetourn;-ms-animation-name:slideDownRetourn;-o-animation-name:slideDownRetourn;animation-name:slideDownRetourn;}.slideLeftRetourn{-webkit-animation-name:slideLeftRetourn;-moz-animation-name:slideLeftRetourn;-ms-animation-name:slideLeftRetourn;-o-animation-name:slideLeftRetourn;animation-name:slideLeftRetourn;}.slideRightRetourn{-webkit-animation-name:slideRightRetourn;-moz-animation-name:slideRightRetourn;-ms-animation-name:slideRightRetourn;-o-animation-name:slideRightRetourn;animation-name:slideRightRetourn;}.slideUpRetourn{-webkit-animation-name:slideUpRetourn;-moz-animation-name:slideUpRetourn;-ms-animation-name:slideUpRetourn;-o-animation-name:slideUpRetourn;animation-name:slideUpRetourn;}.swap{-webkit-animation-name:swap;-moz-animation-name:swap;-ms-animation-name:swap;-o-animation-name:swap;animation-name:swap;}.twisterInDown{-webkit-animation-name:twisterInDown;-moz-animation-name:twisterInDown;-ms-animation-name:twisterInDown;-o-animation-name:twisterInDown;animation-name:twisterInDown;}.twisterInUp{-webkit-animation-name:twisterInUp;-moz-animation-name:twisterInUp;-ms-animation-name:twisterInUp;-o-animation-name:twisterInUp;animation-name:twisterInUp;}.vanishIn{-webkit-animation-name:vanishIn;-moz-animation-name:vanishIn;-ms-animation-name:vanishIn;-o-animation-name:vanishIn;animation-name:vanishIn;}.vanishOut{-webkit-animation-name:vanishOut;-moz-animation-name:vanishOut;-ms-animation-name:vanishOut;-o-animation-name:vanishOut;animation-name:vanishOut;}.swashOut{-webkit-animation-name:swashOut;-moz-animation-name:swashOut;-ms-animation-name:swashOut;-o-animation-name:swashOut;animation-name:swashOut;}.swashIn{-webkit-animation-name:swashIn;-moz-animation-name:swashIn;-ms-animation-name:swashIn;-o-animation-name:swashIn;animation-name:swashIn;}.foolishOut{-webkit-animation-name:foolishOut;-moz-animation-name:foolishOut;-ms-animation-name:foolishOut;-o-animation-name:foolishOut;animation-name:foolishOut;}.foolishIn{-webkit-animation-name:foolishIn;-moz-animation-name:foolishIn;-ms-animation-name:foolishIn;-o-animation-name:foolishIn;animation-name:foolishIn;}.holeOut{-webkit-animation-name:holeOut;-moz-animation-name:holeOut;-ms-animation-name:holeOut;-o-animation-name:holeOut;animation-name:holeOut;}.tinRightOut{-webkit-animation-name:tinRightOut;-moz-animation-name:tinRightOut;-ms-animation-name:tinRightOut;-o-animation-name:tinRightOut;animation-name:tinRightOut;}.tinLeftOut{-webkit-animation-name:tinLeftOut;-moz-animation-name:tinLeftOut;-ms-animation-name:tinLeftOut;-o-animation-name:tinLeftOut;animation-name:tinLeftOut;}.tinUpOut{-webkit-animation-name:tinUpOut;-moz-animation-name:tinUpOut;-ms-animation-name:tinUpOut;-o-animation-name:tinUpOut;animation-name:tinUpOut;}.tinDownOut{-webkit-animation-name:tinDownOut;-moz-animation-name:tinDownOut;-ms-animation-name:tinDownOut;-o-animation-name:tinDownOut;animation-name:tinDownOut;}.tinRightIn{-webkit-animation-name:tinRightIn;-moz-animation-name:tinRightIn;-ms-animation-name:tinRightIn;-o-animation-name:tinRightIn;animation-name:tinRightIn;}.tinLeftIn{-webkit-animation-name:tinLeftIn;-moz-animation-name:tinLeftIn;-ms-animation-name:tinLeftIn;-o-animation-name:tinLeftIn;animation-name:tinLeftIn;}.tinUpIn{-webkit-animation-name:tinUpIn;-moz-animation-name:tinUpIn;-ms-animation-name:tinUpIn;-o-animation-name:tinUpIn;animation-name:tinUpIn;}.tinDownIn{-webkit-animation-name:tinDownIn;-moz-animation-name:tinDownIn;-ms-animation-name:tinDownIn;-o-animation-name:tinDownIn;animation-name:tinDownIn;}.bombRightOut{-webkit-animation-name:bombRightOut;-moz-animation-name:bombRightOut;-ms-animation-name:bombRightOut;-o-animation-name:bombRightOut;animation-name:bombRightOut;}.bombLeftOut{-webkit-animation-name:bombLeftOut;-moz-animation-name:bombLeftOut;-ms-animation-name:bombLeftOut;-o-animation-name:bombLeftOut;animation-name:bombLeftOut;}@-moz-keyframes magic{0%{opacity:1;-moz-transform-origin:100% 200%;-moz-transform:scale(1,1) rotate(0deg);}100%{opacity:0;-moz-transform-origin:200% 500%;-moz-transform:scale(0,0) rotate(270deg);}}@-webkit-keyframes magic{0%{opacity:1;-webkit-transform-origin:100% 200%;-webkit-transform:scale(1,1) rotate(0deg);}100%{opacity:0;-webkit-transform-origin:200% 500%;-webkit-transform:scale(0,0) rotate(270deg);}}@-o-keyframes magic{0%{opacity:1;-o-transform-origin:100% 200%;-o-transform:scale(1,1) rotate(0deg);}100%{opacity:0;-o-transform-origin:200% 500%;-o-transform:scale(0,0) rotate(270deg);}}@-ms-keyframes magic{0%{opacity:1;-ms-transform-origin:100% 200%;-ms-transform:scale(1,1) rotate(0deg);}100%{opacity:0;-ms-transform-origin:200% 500%;-ms-transform:scale(0,0) rotate(270deg);}}@keyframes magic{0%{opacity:1;transform-origin:100% 200%;transform:scale(1,1) rotate(0deg);}100%{opacity:0;transform-origin:200% 500%;transform:scale(0,0) rotate(270deg);}}@-moz-keyframes openDownLeft{0%{-moz-transform-origin:bottom left;-moz-transform:rotate(0deg);-moz-animation-timing-function:ease-out;}100%{-moz-transform-origin:bottom left;-moz-transform:rotate(-110deg);-moz-animation-timing-function:ease-in-out;}}@-webkit-keyframes openDownLeft{0%{-webkit-transform-origin:bottom left;-webkit-transform:rotate(0deg);-webkit-animation-timing-function:ease-out;}100%{-webkit-transform-origin:bottom left;-webkit-transform:rotate(-110deg);-webkit-animation-timing-function:ease-in-out;}}@-o-keyframes openDownLeft{0%{-o-transform-origin:bottom left;-o-transform:rotate(0deg);-o-animation-timing-function:ease-out;}100%{-o-transform-origin:bottom left;-o-transform:rotate(-110deg);-o-animation-timing-function:ease-in-out;}}@-ms-keyframes openDownLeft{0%{-ms-transform-origin:bottom left;-ms-transform:rotate(0deg);-ms-animation-timing-function:ease-out;}100%{-ms-transform-origin:bottom left;-ms-transform:rotate(-110deg);-ms-animation-timing-function:ease-in-out;}}@keyframes openDownLeft{0%{transform-origin:bottom left;transform:rotate(0deg);animation-timing-function:ease-out;}100%{transform-origin:bottom left;transform:rotate(-110deg);animation-timing-function:ease-in-out;}}@-moz-keyframes openDownRight{0%{-moz-transform-origin:bottom right;-moz-transform:rotate(0deg);-moz-animation-timing-function:ease-out;}100%{-moz-transform-origin:bottom right;-moz-transform:rotate(110deg);-moz-animation-timing-function:ease-in-out;}}@-webkit-keyframes openDownRight{0%{-webkit-transform-origin:bottom right;-webkit-transform:rotate(0deg);-webkit-animation-timing-function:ease-out;}100%{-webkit-transform-origin:bottom right;-webkit-transform:rotate(110deg);-webkit-animation-timing-function:ease-in-out;}}@-o-keyframes openDownRight{0%{-o-transform-origin:bottom right;-o-transform:rotate(0deg);-o-animation-timing-function:ease-out;}100%{-o-transform-origin:bottom right;-o-transform:rotate(110deg);-o-animation-timing-function:ease-in-out;}}@-ms-keyframes openDownRight{0%{-ms-transform-origin:bottom right;-ms-transform:rotate(0deg);-ms-animation-timing-function:ease-out;}100%{-ms-transform-origin:bottom right;-ms-transform:rotate(110deg);-ms-animation-timing-function:ease-in-out;}}@keyframes openDownRight{0%{transform-origin:bottom right;transform:rotate(0deg);animation-timing-function:ease-out;}100%{transform-origin:bottom right;transform:rotate(110deg);animation-timing-function:ease-in-out;}}@-moz-keyframes openUpLeft{0%{-moz-transform-origin:top left;-moz-transform:rotate(0deg);-moz-animation-timing-function:ease-out;}100%{-moz-transform-origin:top left;-moz-transform:rotate(110deg);-moz-animation-timing-function:ease-in-out;}}@-webkit-keyframes openUpLeft{0%{-webkit-transform-origin:top left;-webkit-transform:rotate(0deg);-webkit-animation-timing-function:ease-out;}100%{-webkit-transform-origin:top left;-webkit-transform:rotate(110deg);-webkit-animation-timing-function:ease-in-out;}}@-o-keyframes openUpLeft{0%{-o-transform-origin:top left;-o-transform:rotate(0deg);-o-animation-timing-function:ease-out;}100%{-o-transform-origin:top left;-o-transform:rotate(110deg);-o-animation-timing-function:ease-in-out;}}@-ms-keyframes openUpLeft{0%{-ms-transform-origin:top left;-ms-transform:rotate(0deg);-ms-animation-timing-function:ease-out;}100%{-ms-transform-origin:top left;-ms-transform:rotate(110deg);-ms-animation-timing-function:ease-in-out;}}@keyframes openUpLeft{0%{transform-origin:top left;transform:rotate(0deg);animation-timing-function:ease-out;}100%{transform-origin:top left;transform:rotate(110deg);animation-timing-function:ease-in-out;}}@-moz-keyframes openUpRight{0%{-moz-transform-origin:top right;-moz-transform:rotate(0deg);-moz-animation-timing-function:ease-out;}100%{-moz-transform-origin:top right;-moz-transform:rotate(-110deg);-moz-animation-timing-function:ease-in-out;}}@-webkit-keyframes openUpRight{0%{-webkit-transform-origin:top right;-webkit-transform:rotate(0deg);-webkit-animation-timing-function:ease-out;}100%{-webkit-transform-origin:top right;-webkit-transform:rotate(-110deg);-webkit-animation-timing-function:ease-in-out;}}@-o-keyframes openUpRight{0%{-o-transform-origin:top right;-o-transform:rotate(0deg);-o-animation-timing-function:ease-out;}100%{-o-transform-origin:top right;-o-transform:rotate(-110deg);-o-animation-timing-function:ease-in-out;}}@-ms-keyframes openUpRight{0%{-ms-transform-origin:top right;-ms-transform:rotate(0deg);-ms-animation-timing-function:ease-out;}100%{-ms-transform-origin:top right;-ms-transform:rotate(-110deg);-ms-animation-timing-function:ease-in-out;}}@keyframes openUpRight{0%{transform-origin:top right;transform:rotate(0deg);animation-timing-function:ease-out;}100%{transform-origin:top right;transform:rotate(-110deg);animation-timing-function:ease-in-out;}}@-moz-keyframes openDownLeftRetourn{0%{-moz-transform-origin:bottom left;-moz-transform:rotate(-110deg);-moz-animation-timing-function:ease-in-out;}100%{-moz-transform-origin:bottom left;-moz-transform:rotate(0deg);-moz-animation-timing-function:ease-out;}}@-webkit-keyframes openDownLeftRetourn{0%{-webkit-transform-origin:bottom left;-webkit-transform:rotate(-110deg);-webkit-animation-timing-function:ease-in-out;}100%{-webkit-transform-origin:bottom left;-webkit-transform:rotate(0deg);-webkit-animation-timing-function:ease-out;}}@-o-keyframes openDownLeftRetourn{0%{-o-transform-origin:bottom left;-o-transform:rotate(-110deg);-o-animation-timing-function:ease-in-out;}100%{-o-transform-origin:bottom left;-o-transform:rotate(0deg);-o-animation-timing-function:ease-out;}}@-ms-keyframes openDownLeftRetourn{0%{-ms-transform-origin:bottom left;-ms-transform:rotate(-110deg);-ms-animation-timing-function:ease-in-out;}100%{-ms-transform-origin:bottom left;-ms-transform:rotate(0deg);-ms-animation-timing-function:ease-out;}}@keyframes openDownLeftRetourn{0%{transform-origin:bottom left;transform:rotate(-110deg);animation-timing-function:ease-in-out;}100%{transform-origin:bottom left;transform:rotate(0deg);animation-timing-function:ease-out;}}@-moz-keyframes openDownRightRetourn{0%{-moz-transform-origin:bottom right;-moz-transform:rotate(110deg);-moz-animation-timing-function:ease-in-out;}100%{-moz-transform-origin:bottom right;-moz-transform:rotate(0deg);-moz-animation-timing-function:ease-out;}}@-webkit-keyframes openDownRightRetourn{0%{-webkit-transform-origin:bottom right;-webkit-transform:rotate(110deg);-webkit-animation-timing-function:ease-in-out;}100%{-webkit-transform-origin:bottom right;-webkit-transform:rotate(0deg);-webkit-animation-timing-function:ease-out;}}@-o-keyframes openDownRightRetourn{0%{-o-transform-origin:bottom right;-o-transform:rotate(110deg);-o-animation-timing-function:ease-in-out;}100%{-o-transform-origin:bottom right;-o-transform:rotate(0deg);-o-animation-timing-function:ease-out;}}@-ms-keyframes openDownRightRetourn{0%{-ms-transform-origin:bottom right;-ms-transform:rotate(110deg);-ms-animation-timing-function:ease-in-out;}100%{-ms-transform-origin:bottom right;-ms-transform:rotate(0deg);-ms-animation-timing-function:ease-out;}}@keyframes openDownRightRetourn{0%{transform-origin:bottom right;transform:rotate(110deg);animation-timing-function:ease-in-out;}100%{transform-origin:bottom right;transform:rotate(0deg);animation-timing-function:ease-out;}}@-moz-keyframes openUpLeftRetourn{0%{-moz-transform-origin:top left;-moz-transform:rotate(110deg);-moz-animation-timing-function:ease-in-out;}100%{-moz-transform-origin:top left;-moz-transform:rotate(0deg);-moz-animation-timing-function:ease-out;}}@-webkit-keyframes openUpLeftRetourn{0%{-webkit-transform-origin:top left;-webkit-transform:rotate(110deg);-webkit-animation-timing-function:ease-in-out;}100%{-webkit-transform-origin:top left;-webkit-transform:rotate(0deg);-webkit-animation-timing-function:ease-out;}}@-o-keyframes openUpLeftRetourn{0%{-o-transform-origin:top left;-o-transform:rotate(110deg);-o-animation-timing-function:ease-in-out;}100%{-o-transform-origin:top left;-o-transform:rotate(0deg);-o-animation-timing-function:ease-out;}}@-ms-keyframes openUpLeftRetourn{0%{-ms-transform-origin:top left;-ms-transform:rotate(110deg);-ms-animation-timing-function:ease-in-out;}100%{-ms-transform-origin:top left;-ms-transform:rotate(0deg);-ms-animation-timing-function:ease-out;}}@keyframes openUpLeftRetourn{0%{transform-origin:top left;transform:rotate(110deg);animation-timing-function:ease-in-out;}100%{transform-origin:top left;transform:rotate(0deg);animation-timing-function:ease-out;}}@-moz-keyframes openUpRightRetourn{0%{-moz-transform-origin:top right;-moz-transform:rotate(-110deg);-moz-animation-timing-function:ease-in-out;}100%{-moz-transform-origin:top right;-moz-transform:rotate(0deg);-moz-animation-timing-function:ease-out;}}@-webkit-keyframes openUpRightRetourn{0%{-webkit-transform-origin:top right;-webkit-transform:rotate(-110deg);-webkit-animation-timing-function:ease-in-out;}100%{-webkit-transform-origin:top right;-webkit-transform:rotate(0deg);-webkit-animation-timing-function:ease-out;}}@-o-keyframes openUpRightRetourn{0%{-o-transform-origin:top right;-o-transform:rotate(-110deg);-o-animation-timing-function:ease-in-out;}100%{-o-transform-origin:top right;-o-transform:rotate(0deg);-o-animation-timing-function:ease-out;}}@-ms-keyframes openUpRightRetourn{0%{-ms-transform-origin:top right;-ms-transform:rotate(-110deg);-ms-animation-timing-function:ease-in-out;}100%{-ms-transform-origin:top right;-ms-transform:rotate(0deg);-ms-animation-timing-function:ease-out;}}@keyframes openUpRightRetourn{0%{transform-origin:top right;transform:rotate(-110deg);animation-timing-function:ease-in-out;}100%{transform-origin:top right;transform:rotate(0deg);animation-timing-function:ease-out;}}@-moz-keyframes openDownLeftOut{0%{opacity:1;-moz-transform-origin:bottom left;-moz-transform:rotate(0deg);-moz-animation-timing-function:ease-out;}100%{opacity:0;-moz-transform-origin:bottom left;-moz-transform:rotate(-110deg);-moz-animation-timing-function:ease-in-out;}}@-webkit-keyframes openDownLeftOut{0%{opacity:1;-webkit-transform-origin:bottom left;-webkit-transform:rotate(0deg);-webkit-animation-timing-function:ease-out;}100%{opacity:0;-webkit-transform-origin:bottom left;-webkit-transform:rotate(-110deg);-webkit-animation-timing-function:ease-in-out;}}@-o-keyframes openDownLeftOut{0%{opacity:1;-o-transform-origin:bottom left;-o-transform:rotate(0deg);-o-animation-timing-function:ease-out;}100%{opacity:0;-o-transform-origin:bottom left;-o-transform:rotate(-110deg);-o-animation-timing-function:ease-in-out;}}@-ms-keyframes openDownLeftOut{0%{opacity:1;-ms-transform-origin:bottom left;-ms-transform:rotate(0deg);-ms-animation-timing-function:ease-out;}100%{opacity:0;-ms-transform-origin:bottom left;-ms-transform:rotate(-110deg);-ms-animation-timing-function:ease-in-out;}}@keyframes openDownLeftOut{0%{opacity:1;transform-origin:bottom left;transform:rotate(0deg);animation-timing-function:ease-out;}100%{opacity:0;transform-origin:bottom left;transform:rotate(-110deg);animation-timing-function:ease-in-out;}}@-moz-keyframes openDownRightOut{0%{opacity:1;-moz-transform-origin:bottom right;-moz-transform:rotate(0deg);-moz-animation-timing-function:ease-out;}100%{opacity:0;-moz-transform-origin:bottom right;-moz-transform:rotate(110deg);-moz-animation-timing-function:ease-in-out;}}@-webkit-keyframes openDownRightOut{0%{opacity:1;-webkit-transform-origin:bottom right;-webkit-transform:rotate(0deg);-webkit-animation-timing-function:ease-out;}100%{opacity:0;-webkit-transform-origin:bottom right;-webkit-transform:rotate(110deg);-webkit-animation-timing-function:ease-in-out;}}@-o-keyframes openDownRightOut{0%{opacity:1;-o-transform-origin:bottom right;-o-transform:rotate(0deg);-o-animation-timing-function:ease-out;}100%{opacity:0;-o-transform-origin:bottom right;-o-transform:rotate(110deg);-o-animation-timing-function:ease-in-out;}}@-ms-keyframes openDownRightOut{0%{opacity:1;-ms-transform-origin:bottom right;-ms-transform:rotate(0deg);-ms-animation-timing-function:ease-out;}100%{opacity:0;-ms-transform-origin:bottom right;-ms-transform:rotate(110deg);-ms-animation-timing-function:ease-in-out;}}@keyframes openDownRightOut{0%{opacity:1;transform-origin:bottom right;transform:rotate(0deg);animation-timing-function:ease-out;}100%{opacity:0;transform-origin:bottom right;transform:rotate(110deg);animation-timing-function:ease-in-out;}}@-moz-keyframes openUpLeftOut{0%{opacity:1;-moz-transform-origin:top left;-moz-transform:rotate(0deg);-moz-animation-timing-function:ease-out;}100%{opacity:0;-moz-transform-origin:top left;-moz-transform:rotate(110deg);-moz-animation-timing-function:ease-in-out;}}@-webkit-keyframes openUpLeftOut{0%{opacity:1;-webkit-transform-origin:top left;-webkit-transform:rotate(0deg);-webkit-animation-timing-function:ease-out;}100%{opacity:0;-webkit-transform-origin:top left;-webkit-transform:rotate(110deg);-webkit-animation-timing-function:ease-in-out;}}@-o-keyframes openUpLeftOut{0%{opacity:1;-o-transform-origin:top left;-o-transform:rotate(0deg);-o-animation-timing-function:ease-out;}100%{opacity:0;-o-transform-origin:top left;-o-transform:rotate(110deg);-o-animation-timing-function:ease-in-out;}}@-ms-keyframes openUpLeftOut{0%{opacity:1;-ms-transform-origin:top left;-ms-transform:rotate(0deg);-ms-animation-timing-function:ease-out;}100%{opacity:0;-ms-transform-origin:top left;-ms-transform:rotate(110deg);-ms-animation-timing-function:ease-in-out;}}@keyframes openUpLeftOut{0%{opacity:1;transform-origin:top left;transform:rotate(0deg);animation-timing-function:ease-out;}100%{opacity:0;transform-origin:top left;transform:rotate(110deg);animation-timing-function:ease-in-out;}}@-moz-keyframes openUpRightOut{0%{opacity:1;-moz-transform-origin:top right;-moz-transform:rotate(0deg);-moz-animation-timing-function:ease-out;}100%{opacity:0;-moz-transform-origin:top right;-moz-transform:rotate(-110deg);-moz-animation-timing-function:ease-in-out;}}@-webkit-keyframes openUpRightOut{0%{opacity:1;-webkit-transform-origin:top right;-webkit-transform:rotate(0deg);-webkit-animation-timing-function:ease-out;}100%{opacity:0;-webkit-transform-origin:top right;-webkit-transform:rotate(-110deg);-webkit-animation-timing-function:ease-in-out;}}@-o-keyframes openUpRightOut{0%{opacity:1;-o-transform-origin:top right;-o-transform:rotate(0deg);-o-animation-timing-function:ease-out;}100%{opacity:0;-o-transform-origin:top right;-o-transform:rotate(-110deg);-o-animation-timing-function:ease-in-out;}}@-ms-keyframes openUpRightOut{0%{opacity:1;-ms-transform-origin:top right;-ms-transform:rotate(0deg);-ms-animation-timing-function:ease-out;}100%{opacity:0;-ms-transform-origin:top right;-ms-transform:rotate(-110deg);-ms-animation-timing-function:ease-in-out;}}@keyframes openUpRightOut{0%{opacity:1;transform-origin:top right;transform:rotate(0deg);animation-timing-function:ease-out;}100%{opacity:0;transform-origin:top right;transform:rotate(-110deg);animation-timing-function:ease-in-out;}}@-moz-keyframes perspectiveDown{0%{-moz-transform-origin:0 100%;-moz-transform:perspective(800px) rotateX(0deg);}100%{-moz-transform-origin:0 100%;-moz-transform:perspective(800px) rotateX(-180deg);}}@-webkit-keyframes perspectiveDown{0%{-webkit-transform-origin:0 100%;-webkit-transform:perspective(800px) rotateX(0deg);}100%{-webkit-transform-origin:0 100%;-webkit-transform:perspective(800px) rotateX(-180deg);}}@-o-keyframes perspectiveDown{0%{-o-transform-origin:0 100%;-o-transform:perspective(800px) rotateX(0deg);}100%{-o-transform-origin:0 100%;-o-transform:perspective(800px) rotateX(-180deg);}}@-ms-keyframes perspectiveDown{0%{-ms-transform-origin:0 100%;-ms-transform:perspective(800px) rotateX(0deg);}100%{-ms-transform-origin:0 100%;-ms-transform:perspective(800px) rotateX(-180deg);}}@keyframes perspectiveDown{0%{transform-origin:0 100%;transform:perspective(800px) rotateX(0deg);}100%{transform-origin:0 100%;transform:perspective(800px) rotateX(-180deg);}}@-moz-keyframes perspectiveLeft{0%{-moz-transform-origin:0 0;-moz-transform:perspective(800px) rotateY(0deg);}100%{-moz-transform-origin:0 0;-moz-transform:perspective(800px) rotateY(-180deg);}}@-webkit-keyframes perspectiveLeft{0%{-webkit-transform-origin:0 0;-webkit-transform:perspective(800px) rotateY(0deg);}100%{-webkit-transform-origin:0 0;-webkit-transform:perspective(800px) rotateY(-180deg);}}@-o-keyframes perspectiveLeft{0%{-o-transform-origin:0 0;-o-transform:perspective(800px) rotateY(0deg);}100%{-o-transform-origin:0 0;-o-transform:perspective(800px) rotateY(-180deg);}}@-ms-keyframes perspectiveLeft{0%{-ms-transform-origin:0 0;-ms-transform:perspective(800px) rotateY(0deg);}100%{-ms-transform-origin:0 0;-ms-transform:perspective(800px) rotateY(-180deg);}}@keyframes perspectiveLeft{0%{transform-origin:0 0;transform:perspective(800px) rotateY(0deg);}100%{transform-origin:0 0;transform:perspective(800px) rotateY(-180deg);}}@-moz-keyframes perspectiveRight{0%{-moz-transform-origin:100% 0;-moz-transform:perspective(800px) rotateY(0deg);}100%{-moz-transform-origin:100% 0;-moz-transform:perspective(800px) rotateY(180deg);}}@-webkit-keyframes perspectiveRight{0%{-webkit-transform-origin:100% 0;-webkit-transform:perspective(800px) rotateY(0deg);}100%{-webkit-transform-origin:100% 0;-webkit-transform:perspective(800px) rotateY(180deg);}}@-o-keyframes perspectiveRight{0%{-o-transform-origin:100% 0;-o-transform:perspective(800px) rotateY(0deg);}100%{-o-transform-origin:100% 0;-o-transform:perspective(800px) rotateY(180deg);}}@-ms-keyframes perspectiveRight{0%{-ms-transform-origin:100% 0;-ms-transform:perspective(800px) rotateY(0deg);}100%{-ms-transform-origin:100% 0;-ms-transform:perspective(800px) rotateY(180deg);}}@keyframes perspectiveRight{0%{transform-origin:100% 0;transform:perspective(800px) rotateY(0deg);}100%{transform-origin:100% 0;transform:perspective(800px) rotateY(180deg);}}@-moz-keyframes perspectiveUp{0%{-moz-transform-origin:0 0;-moz-transform:perspective(800px) rotateX(0deg);}100%{-moz-transform-origin:0 0;-moz-transform:perspective(800px) rotateX(180deg);}}@-webkit-keyframes perspectiveUp{0%{-webkit-transform-origin:0 0;-webkit-transform:perspective(800px) rotateX(0deg);}100%{-webkit-transform-origin:0 0;-webkit-transform:perspective(800px) rotateX(180deg);}}@-o-keyframes perspectiveUp{0%{-o-transform-origin:0 0;-o-transform:perspective(800px) rotateX(0deg);}100%{-o-transform-origin:0 0;-o-transform:perspective(800px) rotateX(180deg);}}@-ms-keyframes perspectiveUp{0%{-ms-transform-origin:0 0;-ms-transform:perspective(800px) rotateX(0deg);}100%{-ms-transform-origin:0 0;-ms-transform:perspective(800px) rotateX(180deg);}}@keyframes perspectiveUp{0%{transform-origin:0 0;transform:perspective(800px) rotateX(0deg);}100%{transform-origin:0 0;transform:perspective(800px) rotateX(180deg);}}@-moz-keyframes perspectiveDownRetourn{0%{-moz-transform-origin:0 100%;-moz-transform:perspective(800px) rotateX(-180deg);}100%{-moz-transform-origin:0 100%;-moz-transform:perspective(800px) rotateX(0deg);}}@-webkit-keyframes perspectiveDownRetourn{0%{-webkit-transform-origin:0 100%;-webkit-transform:perspective(800px) rotateX(-180deg);}100%{-webkit-transform-origin:0 100%;-webkit-transform:perspective(800px) rotateX(0deg);}}@-o-keyframes perspectiveDownRetourn{0%{-o-transform-origin:0 100%;-o-transform:perspective(800px) rotateX(-180deg);}100%{-o-transform-origin:0 100%;-o-transform:perspective(800px) rotateX(0deg);}}@-ms-keyframes perspectiveDownRetourn{0%{-ms-transform-origin:0 100%;-ms-transform:perspective(800px) rotateX(-180deg);}100%{-ms-transform-origin:0 100%;-ms-transform:perspective(800px) rotateX(0deg);}}@keyframes perspectiveDownRetourn{0%{transform-origin:0 100%;transform:perspective(800px) rotateX(-180deg);}100%{transform-origin:0 100%;transform:perspective(800px) rotateX(0deg);}}@-moz-keyframes perspectiveLeftRetourn{0%{-moz-transform-origin:0 0;-moz-transform:perspective(800px) rotateY(-180deg);}100%{-moz-transform-origin:0 0;-moz-transform:perspective(800px) rotateY(0deg);}}@-webkit-keyframes perspectiveLeftRetourn{0%{-webkit-transform-origin:0 0;-webkit-transform:perspective(800px) rotateY(-180deg);}100%{-webkit-transform-origin:0 0;-webkit-transform:perspective(800px) rotateY(0deg);}}@-o-keyframes perspectiveLeftRetourn{0%{-o-transform-origin:0 0;-o-transform:perspective(800px) rotateY(-180deg);}100%{-o-transform-origin:0 0;-o-transform:perspective(800px) rotateY(0deg);}}@-ms-keyframes perspectiveLeftRetourn{0%{-ms-transform-origin:0 0;-ms-transform:perspective(800px) rotateY(-180deg);}100%{-ms-transform-origin:0 0;-ms-transform:perspective(800px) rotateY(0deg);}}@keyframes perspectiveLeftRetourn{0%{transform-origin:0 0;transform:perspective(800px) rotateY(-180deg);}100%{transform-origin:0 0;transform:perspective(800px) rotateY(0deg);}}@-moz-keyframes perspectiveRightRetourn{0%{-moz-transform-origin:100% 0;-moz-transform:perspective(800px) rotateY(180deg);}100%{-moz-transform-origin:100% 0;-moz-transform:perspective(800px) rotateY(0deg);}}@-webkit-keyframes perspectiveRightRetourn{0%{-webkit-transform-origin:100% 0;-webkit-transform:perspective(800px) rotateY(180deg);}100%{-webkit-transform-origin:100% 0;-webkit-transform:perspective(800px) rotateY(0deg);}}@-o-keyframes perspectiveRightRetourn{0%{-o-transform-origin:100% 0;-o-transform:perspective(800px) rotateY(180deg);}100%{-o-transform-origin:100% 0;-o-transform:perspective(800px) rotateY(0deg);}}@-ms-keyframes perspectiveRightRetourn{0%{-ms-transform-origin:100% 0;-ms-transform:perspective(800px) rotateY(180deg);}100%{-ms-transform-origin:100% 0;-ms-transform:perspective(800px) rotateY(0deg);}}@keyframes perspectiveRightRetourn{0%{transform-origin:100% 0;transform:perspective(800px) rotateY(180deg);}100%{transform-origin:100% 0;transform:perspective(800px) rotateY(0deg);}}@-moz-keyframes perspectiveUpRetourn{0%{-moz-transform-origin:0 0;-moz-transform:perspective(800px) rotateX(180deg);}100%{-moz-transform-origin:0 0;-moz-transform:perspective(800px) rotateX(0deg);}}@-webkit-keyframes perspectiveUpRetourn{0%{-webkit-transform-origin:0 0;-webkit-transform:perspective(800px) rotateX(180deg);}100%{-webkit-transform-origin:0 0;-webkit-transform:perspective(800px) rotateX(0deg);}}@-o-keyframes perspectiveUpRetourn{0%{-o-transform-origin:0 0;-o-transform:perspective(800px) rotateX(180deg);}100%{-o-transform-origin:0 0;-o-transform:perspective(800px) rotateX(0deg);}}@-ms-keyframes perspectiveUpRetourn{0%{-ms-transform-origin:0 0;-ms-transform:perspective(800px) rotateX(180deg);}100%{-ms-transform-origin:0 0;-ms-transform:perspective(800px) rotateX(0deg);}}@keyframes perspectiveUpRetourn{0%{transform-origin:0 0;transform:perspective(800px) rotateX(180deg);}100%{transform-origin:0 0;transform:perspective(800px) rotateX(0deg);}}@-moz-keyframes puffIn{0%{opacity:0;-moz-transform-origin:50% 50%;-moz-transform:scale(2,2);-moz-filter:blur(2px);}100%{opacity:1;-moz-transform-origin:50% 50%;-moz-transform:scale(1,1);-moz-filter:blur(0px);}}@-webkit-keyframes puffIn{0%{opacity:0;-webkit-transform-origin:50% 50%;-webkit-transform:scale(2,2);-webkit-filter:blur(2px);}100%{opacity:1;-webkit-transform-origin:50% 50%;-webkit-transform:scale(1,1);-webkit-filter:blur(0px);}}@-o-keyframes puffIn{0%{opacity:0;-o-transform-origin:50% 50%;-o-transform:scale(2,2);-webkit-filter:blur(2px);}100%{opacity:1;-o-transform-origin:50% 50%;-o-transform:scale(1,1);-webkit-filter:blur(0px);}}@-ms-keyframes puffIn{0%{opacity:0;filter:alpha(opacity=0);-ms-transform-origin:50% 50%;-ms-transform:scale(2,2);filter:blur(2px);}100%{opacity:1;filter:alpha(opacity=100);-ms-transform-origin:50% 50%;-ms-transform:scale(1,1);filter:blur(0px);}}@keyframes puffIn{0%{opacity:0;transform-origin:50% 50%;transform:scale(2,2);filter:blur(2px);}100%{opacity:1;transform-origin:50% 50%;transform:scale(1,1);filter:blur(0px);}}@-moz-keyframes puffOut{0%{opacity:1;-moz-transform-origin:50% 50%;-moz-transform:scale(1,1);-moz-filter:blur(0px);}100%{opacity:0;-moz-transform-origin:50% 50%;-moz-transform:scale(2,2);-moz-filter:blur(2px);}}@-webkit-keyframes puffOut{0%{opacity:1;-webkit-transform-origin:50% 50%;-webkit-transform:scale(1,1);-webkit-filter:blur(0px);}100%{opacity:0;-webkit-transform-origin:50% 50%;-webkit-transform:scale(2,2);-webkit-filter:blur(2px);}}@-o-keyframes puffOut{0%{opacity:1;-o-transform-origin:50% 50%;-o-transform:scale(1,1);-webkit-filter:blur(0px);}100%{opacity:0;-o-transform-origin:50% 50%;-o-transform:scale(2,2);-webkit-filter:blur(2px);}}@-ms-keyframes puffOut{0%{opacity:1;filter:alpha(opacity=100);-ms-transform-origin:50% 50%;-ms-transform:scale(1,1);filter:blur(0px);}100%{opacity:0;filter:alpha(opacity=0);-ms-transform-origin:50% 50%;-ms-transform:scale(2,2);filter:blur(2px);}}@keyframes puffOut{0%{opacity:1;transform-origin:50% 50%;transform:scale(1,1);-webkit-filter:blur(0px);}100%{opacity:0;transform-origin:50% 50%;transform:scale(2,2);-webkit-filter:blur(2px);}}@-moz-keyframes rotateDown{0%{opacity:1;-moz-transform-origin:0 0;-moz-transform:perspective(800px) rotateX(0deg) translateZ(0px);}100%{opacity:0;-moz-transform-origin:50% 100%;-moz-transform:perspective(800px) rotateX(-180deg) translateZ(300px);}}@-webkit-keyframes rotateDown{0%{opacity:1;-webkit-transform-origin:0 0;-webkit-transform:perspective(800px) rotateX(0deg) translateZ(0px);}100%{opacity:0;-webkit-transform-origin:50% 100%;-webkit-transform:perspective(800px) rotateX(-180deg) translateZ(300px);}}@-o-keyframes rotateDown{0%{opacity:1;-o-transform-origin:0 0;-o-transform:perspective(800px) rotateX(0deg) translateZ(0px);}100%{opacity:0;-o-transform-origin:50% 100%;-o-transform:perspective(800px) rotateX(-180deg) translateZ(300px);}}@-ms-keyframes rotateDown{0%{opacity:1;filter:alpha(opacity=100);-ms-transform-origin:0 0;-ms-transform:perspective(800px) rotateX(0deg) translateZ(0px);}100%{opacity:0;filter:alpha(opacity=0);-ms-transform-origin:50% 100%;-ms-transform:perspective(800px) rotateX(-180deg) translateZ(300px);}}@keyframes rotateDown{0%{opacity:1;transform-origin:0 0;transform:perspective(800px) rotateX(0deg) translateZ(0px);}100%{opacity:0;transform-origin:50% 100%;transform:perspective(800px) rotateX(-180deg) translateZ(300px);}}@-moz-keyframes rotateLeft{0%{opacity:1;-moz-transform-origin:0 0;-moz-transform:perspective(800px) rotateY(0deg) translateZ(0px);}100%{opacity:0;-moz-transform-origin:50% 0;-moz-transform:perspective(800px) rotateY(180deg) translateZ(300px);}}@-webkit-keyframes rotateLeft{0%{opacity:1;-webkit-transform-origin:0 0;-webkit-transform:perspective(800px) rotateY(0deg) translateZ(0px);}100%{opacity:0;-webkit-transform-origin:50% 0;-webkit-transform:perspective(800px) rotateY(180deg) translateZ(300px);}}@-o-keyframes rotateLeft{0%{opacity:1;-o-transform-origin:0 0;-o-transform:perspective(800px) rotateY(0deg) translateZ(0px);}100%{opacity:0;-o-transform-origin:50% 0;-o-transform:perspective(800px) rotateY(180deg) translateZ(300px);}}@-ms-keyframes rotateLeft{0%{opacity:1;filter:alpha(opacity=100);-ms-transform-origin:0 0;-ms-transform:perspective(800px) rotateY(0deg) translateZ(0px);}100%{opacity:0;filter:alpha(opacity=0);-ms-transform-origin:50% 0;-ms-transform:perspective(800px) rotateY(180deg) translateZ(300px);}}@keyframes rotateLeft{0%{opacity:1;transform-origin:0 0;transform:perspective(800px) rotateY(0deg) translateZ(0px);}100%{opacity:0;transform-origin:50% 0;transform:perspective(800px) rotateY(180deg) translateZ(300px);}}@-moz-keyframes rotateRight{0%{opacity:1;-moz-transform-origin:0 0;-moz-transform:perspective(800px) rotateY(0deg) translate3d(0px);}100%{opacity:0;-moz-transform-origin:50% 0;-moz-transform:perspective(800px) rotateY(-180deg) translateZ(150px);}}@-webkit-keyframes rotateRight{0%{opacity:1;-webkit-transform-origin:0 0;-webkit-transform:perspective(800px) rotateY(0deg) translate3d(0px);}100%{opacity:0;-webkit-transform-origin:50% 0;-webkit-transform:perspective(800px) rotateY(-180deg) translateZ(150px);}}@-o-keyframes rotateRight{0%{opacity:1;-o-transform-origin:0 0;-o-transform:perspective(800px) rotateY(0deg) translate3d(0px);}100%{opacity:0;-o-transform-origin:50% 0;-o-transform:perspective(800px) rotateY(-180deg) translateZ(150px);}}@-ms-keyframes rotateRight{0%{opacity:1;filter:alpha(opacity=100);-ms-transform-origin:0 0;-ms-transform:perspective(800px) rotateY(0deg) translate3d(0px);}100%{opacity:0;filter:alpha(opacity=0);-ms-transform-origin:50% 0;-ms-transform:perspective(800px) rotateY(-180deg) translateZ(150px);}}@keyframes rotateRight{0%{opacity:1;transform-origin:0 0;transform:perspective(800px) rotateY(0deg) translate3d(0px);}100%{opacity:0;transform-origin:50% 0;transform:perspective(800px) rotateY(-180deg) translateZ(150px);}}@-moz-keyframes rotateUp{0%{opacity:1;-moz-transform-origin:0 0;-moz-transform:perspective(800px) rotateX(0deg) translateZ(0px);}100%{opacity:0;-moz-transform-origin:50% 0;-moz-transform:perspective(800px) rotateX(180deg) translateZ(100px);}}@-webkit-keyframes rotateUp{0%{opacity:1;-webkit-transform-origin:0 0;-webkit-transform:perspective(800px) rotateX(0deg) translateZ(0px);}100%{opacity:0;-webkit-transform-origin:50% 0;-webkit-transform:perspective(800px) rotateX(180deg) translateZ(100px);}}@-o-keyframes rotateUp{0%{opacity:1;-o-transform-origin:0 0;-o-transform:perspective(800px) rotateX(0deg) translateZ(0px);}100%{opacity:0;-o-transform-origin:50% 0;-o-transform:perspective(800px) rotateX(180deg) translateZ(100px);}}@-ms-keyframes rotateUp{0%{opacity:1;filter:alpha(opacity=100);-ms-transform-origin:0 0;-ms-transform:perspective(800px) rotateX(0deg) translateZ(0px);}100%{opacity:0;filter:alpha(opacity=0);-ms-transform-origin:50% 0;-ms-transform:perspective(800px) rotateX(180deg) translateZ(100px);}}@keyframes rotateUp{0%{opacity:1;transform-origin:0 0;transform:perspective(800px) rotateX(0deg) translateZ(0px);}100%{opacity:0;transform-origin:50% 0;transform:perspective(800px) rotateX(180deg) translateZ(100px);}}@-moz-keyframes slideDown{0%{-moz-transform-origin:0 0;-moz-transform:translateY(0%);}100%{-moz-transform-origin:0 0;-moz-transform:translateY(100%);}}@-webkit-keyframes slideDown{0%{-webkit-transform-origin:0 0;-webkit-transform:translateY(0%);}100%{-webkit-transform-origin:0 0;-webkit-transform:translateY(100%);}}@-o-keyframes slideDown{0%{-o-transform-origin:0 0;-o-transform:translateY(0%);}100%{-o-transform-origin:0 0;-o-transform:translateY(100%);}}@-ms-keyframes slideDown{0%{-ms-transform-origin:0 0;-ms-transform:translateY(0%);}100%{-ms-transform-origin:0 0;-ms-transform:translateY(100%);}}@keyframes slideDown{0%{transform-origin:0 0;transform:translateY(0%);}100%{transform-origin:0 0;transform:translateY(100%);}}@-moz-keyframes slideLeft{0%{-moz-transform-origin:0 0;-moz-transform:translateX(0%);}100%{-moz-transform-origin:0 0;-moz-transform:translateX(-100%);}}@-webkit-keyframes slideLeft{0%{-webkit-transform-origin:0 0;;-webkit-transform:translateX(0%);}100%{-webkit-transform-origin:0 0;-webkit-transform:translateX(-100%);}}@-o-keyframes slideLeft{0%{-o-transform-origin:0 0;-o-transform:translateX(0%);}100%{-o-transform-origin:0 0;-o-transform:translateX(-100%);}}@-ms-keyframes slideLeft{0%{-ms-transform-origin:0 0;-ms-transform:translateX(0%);}100%{-ms-transform-origin:0 0;-ms-transform:translateX(-100%);}}@keyframes slideLeft{0%{transform-origin:0 0;transform:translateX(0%);}100%{transform-origin:0 0;transform:translateX(-100%);}}@-moz-keyframes slideRight{0%{-moz-transform-origin:0 0;-moz-transform:translateX(0%);}100%{-moz-transform-origin:0 0;-moz-transform:translateX(100%);}}@-webkit-keyframes slideRight{0%{-webkit-transform-origin:0 0;-webkit-transform:translateX(0%);}100%{-webkit-transform-origin:0 0;-webkit-transform:translateX(100%);}}@-o-keyframes slideRight{0%{-o-transform-origin:0 0;-o-transform:translateX(0%);}100%{-o-transform-origin:0 0;-o-transform:translateX(100%);}}@-ms-keyframes slideRight{0%{-ms-transform-origin:0 0;-ms-transform:translateX(0%);}100%{-ms-transform-origin:0 0;-ms-transform:translateX(100%);}}@keyframes slideRight{0%{transform-origin:0 0;transform:translateX(0%);}100%{transform-origin:0 0;transform:translateX(100%);}}@-moz-keyframes slideUp{0%{-moz-transform-origin:0 0;-moz-transform:translateY(0%);}100%{-moz-transform-origin:0 0;-moz-transform:translateY(-100%);}}@-webkit-keyframes slideUp{0%{-webkit-transform-origin:0 0;-webkit-transform:translateY(0%);}100%{-webkit-transform-origin:0 0;-webkit-transform:translateY(-100%);}}@-o-keyframes slideUp{0%{-o-transform-origin:0 0;-o-transform:translateY(0%);}100%{-o-transform-origin:0 0;-o-transform:translateY(-100%);}}@-ms-keyframes slideUp{0%{-ms-transform-origin:0 0;-ms-transform:translateY(0%);}100%{-ms-transform-origin:0 0;-ms-transform:translateY(-100%);}}@keyframes slideUp{0%{transform-origin:0 0;transform:translateY(0%);}100%{transform-origin:0 0;transform:translateY(-100%);}}@-moz-keyframes slideDownRetourn{0%{-moz-transform-origin:0 0;-moz-transform:translateY(100%);}100%{-moz-transform-origin:0 0;-moz-transform:translateY(0%);}}@-webkit-keyframes slideDownRetourn{0%{-webkit-transform-origin:0 0;-webkit-transform:translateY(100%);}100%{-webkit-transform-origin:0 0;-webkit-transform:translateY(0%);}}@-o-keyframes slideDownRetourn{0%{-o-transform-origin:0 0;-o-transform:translateY(100%);}100%{-o-transform-origin:0 0;-o-transform:translateY(0%);}}@-ms-keyframes slideDownRetourn{0%{-ms-transform-origin:0 0;-ms-transform:translateY(100%);}100%{-ms-transform-origin:0 0;-ms-transform:translateY(0%);}}@keyframes slideDownRetourn{0%{transform-origin:0 0;transform:translateY(100%);}100%{transform-origin:0 0;transform:translateY(0%);}}@-moz-keyframes slideLeftRetourn{0%{-moz-transform-origin:0 0;-moz-transform:translateX(-100%);}100%{-moz-transform-origin:0 0;-moz-transform:translateX(0%);}}@-webkit-keyframes slideLeftRetourn{0%{-webkit-transform-origin:0 0;-webkit-transform:translateX(-100%);}100%{-webkit-transform-origin:0 0;-webkit-transform:translateX(0%);}}@-o-keyframes slideLeftRetourn{0%{-o-transform-origin:0 0;-o-transform:translateX(-100%);}100%{-o-transform-origin:0 0;-o-transform:translateX(0%);}}@-ms-keyframes slideLeftRetourn{0%{-ms-transform-origin:0 0;-ms-transform:translateX(-100%);}100%{-ms-transform-origin:0 0;-ms-transform:translateX(0%);}}@keyframes slideLeftRetourn{0%{transform-origin:0 0;transform:translateX(-100%);}100%{transform-origin:0 0;transform:translateX(0%);}}@-moz-keyframes slideRightRetourn{0%{-moz-transform-origin:0 0;-moz-transform:translateX(100%);}100%{-moz-transform-origin:0 0;-moz-transform:translateX(0%);}}@-webkit-keyframes slideRightRetourn{0%{-webkit-transform-origin:0 0;-webkit-transform:translateX(100%);}100%{-webkit-transform-origin:0 0;-webkit-transform:translateX(0%);}}@-o-keyframes slideRightRetourn{0%{-o-transform-origin:0 0;-o-transform:translateX(100%);}100%{-o-transform-origin:0 0;-o-transform:translateX(0%);}}@-ms-keyframes slideRightRetourn{0%{-ms-transform-origin:0 0;-ms-transform:translateX(100%);}100%{-ms-transform-origin:0 0;-ms-transform:translateX(0%);}}@keyframes slideRightRetourn{0%{transform-origin:0 0;transform:translateX(100%);}100%{transform-origin:0 0;transform:translateX(0%);}}@-moz-keyframes slideUpRetourn{0%{-moz-transform-origin:0 0;-moz-transform:translateY(-100%);}100%{-moz-transform-origin:0 0;-moz-transform:translateY(0%);}}@-webkit-keyframes slideUpRetourn{0%{-webkit-transform-origin:0 0;-webkit-transform:translateY(-100%);}100%{-webkit-transform-origin:0 0;-webkit-transform:translateY(0%);}}@-o-keyframes slideUpRetourn{0%{-o-transform-origin:0 0;-o-transform:translateY(-100%);}100%{-o-transform-origin:0 0;-o-transform:translateY(0%);}}@-ms-keyframes slideUpRetourn{0%{-ms-transform-origin:0 0;-ms-transform:translateY(-100%);}100%{-ms-transform-origin:0 0;-ms-transform:translateY(0%);}}@keyframes slideUpRetourn{0%{transform-origin:0 0;transform:translateY(-100%);}100%{transform-origin:0 0;transform:translateY(0%);}}@-moz-keyframes swap{0%{opacity:0;-moz-transform-origin:0 100%;-moz-transform:scale(0,0) translate(-700px,0px);}100%{opacity:1;-moz-transform-origin:100% 100%;-moz-transform:scale(1,1) translate(0px,0px);}}@-webkit-keyframes swap{0%{opacity:0;-webkit-transform-origin:0 100%;-webkit-transform:scale(0,0) translate(-700px,0px);}100%{opacity:1;-webkit-transform-origin:100% 100%;-webkit-transform:scale(1,1) translate(0px,0px);;}}@-o-keyframes swap{0%{opacity:0;-o-transform-origin:0 100%;-o-transform:scale(0,0) translate(-700px,0px);}100%{opacity:1;-o-transform-origin:100% 100%;-o-transform:scale(1,1) translate(0px,0px);}}@-ms-keyframes swap{0%{opacity:0;filter:alpha(opacity=0);-ms-transform-origin:0 100%;-ms-transform:scale(0,0) translate(-700px,0px);}100%{opacity:1;filter:alpha(opacity=100);-ms-transform-origin:100% 100%;-ms-transform:scale(1,1) translate(0px,0px);}}@keyframes swap{0%{opacity:0;transform-origin:0 100%;transform:scale(0,0) translate(-700px,0px);}100%{opacity:1;transform-origin:100% 100%;transform:scale(1,1) translate(0px,0px);}}@-moz-keyframes twisterInDown{0%{opacity:0;-moz-transform-origin:0 100%;-moz-transform:scale(0,0) rotate(360deg) translateY(-100%);}30%{-moz-transform-origin:0 100%;-moz-transform:scale(0,0) rotate(360deg) translateY(-100%);}100%{opacity:1;-moz-transform-origin:100% 100%;-moz-transform:scale(1,1) rotate(0deg) translateY(0%);}}@-webkit-keyframes twisterInDown{0%{opacity:0;-webkit-transform-origin:0 100%;-webkit-transform:scale(0,0) rotate(360deg) translateY(-100%);}30%{-webkit-transform-origin:0 100%;-webkit-transform:scale(0,0) rotate(360deg) translateY(-100%);}100%{opacity:1;-webkit-transform-origin:100% 100%;-webkit-transform:scale(1,1) rotate(0deg) translateY(0%);}}@-o-keyframes twisterInDown{0%{opacity:0;-o-transform-origin:0 100%;-o-transform:scale(0,0) rotate(360deg) translateY(-100%);}30%{-o-transform-origin:0 100%;-o-transform:scale(0,0) rotate(360deg) translateY(-100%);}100%{opacity:1;-o-transform-origin:100% 100%;-o-transform:scale(1,1) rotate(0deg) translateY(0%);}}@-ms-keyframes twisterInDown{0%{opacity:0;filter:alpha(opacity=0);-ms-transform-origin:0 100%;-ms-transform:scale(0,0) rotate(360deg) translateY(-100%);}30%{-ms-transform-origin:0 100%;-ms-transform:scale(0,0) rotate(360deg) translateY(-100%);}100%{opacity:1;filter:alpha(opacity=100);-ms-transform-origin:100% 100%;-ms-transform:scale(1,1) rotate(0deg) translateY(0%);}}@keyframes twisterInDown{0%{opacity:0;transform-origin:0 100%;transform:scale(0,0) rotate(360deg) translateY(-100%);}30%{transform-origin:0 100%;transform:scale(0,0) rotate(360deg) translateY(-100%);}100%{opacity:1;transform-origin:100% 100%;transform:scale(1,1) rotate(0deg) translateY(0%);}}@-moz-keyframes twisterInUp{0%{opacity:0;-moz-transform-origin:100% 0;-moz-transform:scale(0,0) rotate(360deg) translateY(100%);}30%{-moz-transform-origin:100% 0;-moz-transform:scale(0,0) rotate(360deg) translateY(100%);}100%{opacity:1;-moz-transform-origin:0 0;-moz-transform:scale(1,1) rotate(0deg) translateY(0);}}@-webkit-keyframes twisterInUp{0%{opacity:0;-webkit-transform-origin:100% 0;-webkit-transform:scale(0,0) rotate(360deg) translateY(100%);}30%{-webkit-transform-origin:100% 0;-webkit-transform:scale(0,0) rotate(360deg) translateY(100%);}100%{opacity:1;-webkit-transform-origin:0 0;-webkit-transform:scale(1,1) rotate(0deg) translateY(0);}}@-o-keyframes twisterInUp{0%{opacity:0;-o-transform-origin:100% 0;-o-transform:scale(0,0) rotate(360deg) translateY(100%);}30%{-o-transform-origin:100% 0;-o-transform:scale(0,0) rotate(360deg) translateY(100%);}100%{opacity:1;-o-transform-origin:0 0;-o-transform:scale(1,1) rotate(0deg) translateY(0);}}@-ms-keyframes twisterInUp{0%{opacity:0;filter:alpha(opacity=0);-ms-transform-origin:100% 0;-ms-transform:scale(0,0) rotate(360deg) translateY(100%);}30%{;-ms-transform-origin:100% 0;-ms-transform:scale(0,0) rotate(360deg) translateY(100%);}100%{opacity:1;filter:alpha(opacity=100);-ms-transform-origin:0 0;-ms-transform:scale(1,1) rotate(0deg) translateY(0);}}@keyframes twisterInUp{0%{opacity:0;transform-origin:100% 0;transform:scale(0,0) rotate(360deg) translateY(100%);}30%{transform-origin:100% 0;transform:scale(0,0) rotate(360deg) translateY(100%);}100%{opacity:1;transform-origin:0 0;transform:scale(1,1) rotate(0deg) translateY(0);}}@-moz-keyframes vanishIn{0%{opacity:0;-moz-transform-origin:50% 50%;-moz-transform:scale(2,2);-webkit-filter:blur(90px);}100%{opacity:1;-moz-transform-origin:50% 50%;-moz-transform:scale(1,1);-webkit-filter:blur(0px);}}@-webkit-keyframes vanishIn{0%{opacity:0;-webkit-transform-origin:50% 50%;-webkit-transform:scale(2,2);-webkit-filter:blur(90px);}100%{opacity:1;-webkit-transform-origin:50% 50%;-webkit-transform:scale(1,1);-webkit-filter:blur(0px);}}@-o-keyframes vanishIn{0%{opacity:0;-o-transform-origin:50% 50%;-o-transform:scale(2,2);-webkit-filter:blur(90px);}100%{opacity:1;-o-transform-origin:50% 50%;-o-transform:scale(1,1);-webkit-filter:blur(0px);}}@-ms-keyframes vanishIn{0%{opacity:0;filter:alpha(opacity=0);-ms-transform-origin:50% 50%;-ms-transform:scale(2,2);-webkit-filter:blur(90px);}100%{opacity:1;filter:alpha(opacity=100);-ms-transform-origin:50% 50%;-ms-transform:scale(1,1);-webkit-filter:blur(0px);}}@keyframes vanishIn{0%{opacity:0;transform-origin:50% 50%;transform:scale(2,2);-webkit-filter:blur(90px);}100%{opacity:1;transform-origin:50% 50%;transform:scale(1,1);-webkit-filter:blur(0px);}}@-moz-keyframes vanishOut{0%{opacity:1;-moz-transform-origin:50% 50%;-moz-transform:scale(1,1);-webkit-filter:blur(0px);}100%{opacity:0;-moz-transform-origin:50% 50%;-moz-transform:scale(2,2);-webkit-filter:blur(20px);}}@-webkit-keyframes vanishOut{0%{opacity:1;-webkit-transform-origin:50% 50%;-webkit-transform:scale(1,1);-webkit-filter:blur(0px);}100%{opacity:0;-webkit-transform-origin:50% 50%;-webkit-transform:scale(2,2);-webkit-filter:blur(20px);}}@-o-keyframes vanishOut{0%{opacity:1;-o-transform-origin:50% 50%;-o-transform:scale(1,1);-webkit-filter:blur(0px);}100%{opacity:0;-o-transform-origin:50% 50%;-o-transform:scale(2,2);-webkit-filter:blur(20px);}}@-ms-keyframes vanishOut{0%{opacity:1;filter:alpha(opacity=100);-ms-transform-origin:50% 50%;-ms-transform:scale(1,1);-webkit-filter:blur(0px);}100%{opacity:0;filter:alpha(opacity=0);-ms-transform-origin:50% 50%;-ms-transform:scale(2,2);-webkit-filter:blur(20px);}}@keyframes vanishOut{0%{opacity:1;transform-origin:50% 50%;transform:scale(1,1);-webkit-filter:blur(0px);}100%{opacity:0;transform-origin:50% 50%;transform:scale(2,2);-webkit-filter:blur(20px);}}@-moz-keyframes swashOut{0%{opacity:1;-moz-transform-origin:50% 50%;-moz-transform:scale(1,1);}80%{opacity:1;-moz-transform-origin:50% 50%;-moz-transform:scale(0.9,0.9);}100%{opacity:0;-moz-transform-origin:50% 50%;-moz-transform:scale(0,0);}}@-webkit-keyframes swashOut{0%{opacity:1;-webkit-transform-origin:50% 50%;-webkit-transform:scale(1,1);transform:scale(1,1);}80%{opacity:1;-webkit-transform-origin:50% 50%;-webkit-transform:scale(0.9,0.9);}100%{opacity:0;-webkit-transform-origin:50% 50%;-webkit-transform:scale(0,0);}}@-o-keyframes swashOut{0%{opacity:1;-o-transform-origin:50% 50%;-o-transform:scale(1,1);}80%{opacity:1;-o-transform-origin:50% 50%;-o-transform:scale(0.9,0.9);}100%{opacity:0;-o-transform-origin:50% 50%;-o-transform:scale(0,0);}}@-ms-keyframes swashOut{0%{opacity:1;filter:alpha(opacity=100);-ms-transform-origin:50% 50%;-ms-transform:scale(1,1);}80%{opacity:1;filter:alpha(opacity=100);-ms-transform-origin:50% 50%;-ms-transform:scale(0.9,0.9);}100%{opacity:0;filter:alpha(opacity=0);-ms-transform-origin:50% 50%;-ms-transform:scale(0,0);}}@keyframes swashOut{0%{opacity:1;transform-origin:50% 50%;transform:scale(1,1);}80%{opacity:1;transform-origin:50% 50%;transform:scale(0.9,0.9);}100%{opacity:0;transform-origin:50% 50%;transform:scale(0,0);}}@-moz-keyframes swashIn{0%{opacity:0;-moz-transform-origin:50% 50%;-moz-transform:scale(0,0);}90%{opacity:1;-moz-transform-origin:50% 50%;-moz-transform:scale(0.9,0.9);}100%{opacity:1;-moz-transform-origin:50% 50%;-moz-transform:scale(1,1);}}@-webkit-keyframes swashIn{0%{opacity:0;-webkit-transform-origin:50% 50%;-webkit-transform:scale(0,0);}90%{opacity:1;-webkit-transform-origin:50% 50%;-webkit-transform:scale(0.9,0.9);}100%{opacity:1;-webkit-transform-origin:50% 50%;-webkit-transform:scale(1,1);}}@-o-keyframes swashIn{0%{opacity:0;-o-transform-origin:50% 50%;-o-transform:scale(0,0);}90%{opacity:1;-o-transform-origin:50% 50%;-o-transform:scale(0.9,0.9);}100%{opacity:1;-o-transform-origin:50% 50%;-o-transform:scale(1,1);}}@-ms-keyframes swashIn{0%{opacity:0;filter:alpha(opacity=0);-ms-transform-origin:50% 50%;-ms-transform:scale(0,0);}90%{opacity:1;filter:alpha(opacity=100);-ms-transform-origin:50% 50%;-ms-transform:scale(0.9,0.9);}100%{opacity:1;filter:alpha(opacity=100);-ms-transform-origin:50% 50%;-ms-transform:scale(1,1);}}@keyframes swashIn{0%{opacity:0;transform-origin:50% 50%;transform:scale(0,0);}90%{opacity:1;transform-origin:50% 50%;transform:scale(0.9,0.9);}100%{opacity:1;transform-origin:50% 50%;transform:scale(1,1);}}@-moz-keyframes foolishOut{0%{opacity:1;-moz-transform-origin:50% 50%;-moz-transform:scale(1,1) rotate(360deg);}20%{opacity:1;-moz-transform-origin:0% 0%;-moz-transform:scale(0.5,0.5) rotate(0deg);}40%{opacity:1;-moz-transform-origin:100% 0%;-moz-transform:scale(0.5,0.5) rotate(0deg);}60%{opacity:1;-moz-transform-origin:0%;-moz-transform:scale(0.5,0.5) rotate(0deg);}80%{opacity:1;-moz-transform-origin:0% 100%;-moz-transform:scale(0.5,0.5) rotate(0deg);}100%{opacity:0;-moz-transform-origin:50% 50%;-moz-transform:scale(0,0) rotate(0deg);}}@-webkit-keyframes foolishOut{0%{opacity:1;-webkit-transform-origin:50% 50%;-webkit-transform:scale(1,1) rotate(360deg);}20%{opacity:1;-webkit-transform-origin:0% 0%;-webkit-transform:scale(0.5,0.5) rotate(0deg);}40%{opacity:1;-webkit-transform-origin:100% 0%;-webkit-transform:scale(0.5,0.5) rotate(0deg);}60%{opacity:1;-webkit-transform-origin:0%;-webkit-transform:scale(0.5,0.5) rotate(0deg);}80%{opacity:1;-webkit-transform-origin:0% 100%;-webkit-transform:scale(0.5,0.5) rotate(0deg);}100%{opacity:0;-webkit-transform-origin:50% 50%;-webkit-transform:scale(0,0) rotate(0deg);}}@-o-keyframes foolishOut{0%{opacity:1;-o-transform-origin:50% 50%;-o-transform:scale(1,1) rotate(360deg);}20%{opacity:1;-o-transform-origin:0% 0%;-o-transform:scale(0.5,0.5) rotate(0deg);}40%{opacity:1;-o-transform-origin:100% 0%;-o-transform:scale(0.5,0.5) rotate(0deg);}60%{opacity:1;-o-transform-origin:0%;-o-transform:scale(0.5,0.5) rotate(0deg);}80%{opacity:1;-o-transform-origin:0% 100%;-o-transform:scale(0.5,0.5) rotate(0deg);}100%{opacity:0;-o-transform-origin:50% 50%;-o-transform:scale(0,0) rotate(0deg);}}@-ms-keyframes foolishOut{0%{opacity:1;filter:alpha(opacity=100);-ms-transform-origin:50% 50%;-ms-transform:scale(1,1) rotate(360deg);}20%{opacity:1;filter:alpha(opacity=100);-ms-transform-origin:0% 0%;-ms-transform:scale(0.5,0.5) rotate(0deg);}40%{opacity:1;filter:alpha(opacity=100);-ms-transform-origin:100% 0%;-ms-transform:scale(0.5,0.5) rotate(0deg);}60%{opacity:1;filter:alpha(opacity=100);-ms-transform-origin:0%;-ms-transform:scale(0.5,0.5) rotate(0deg);}80%{opacity:1;filter:alpha(opacity=100);-ms-transform-origin:0% 100%;-ms-transform:scale(0.5,0.5) rotate(0deg);}100%{opacity:0;filter:alpha(opacity=0);-ms-transform-origin:50% 50%;-ms-transform:scale(0,0) rotate(0deg);}}@keyframes foolishOut{0%{opacity:1;transform-origin:50% 50%;transform:scale(1,1) rotate(360deg);}20%{opacity:1;transform-origin:0% 0%;transform:scale(0.5,0.5) rotate(0deg);}40%{opacity:1;transform-origin:100% 0%;transform:scale(0.5,0.5) rotate(0deg);}60%{opacity:1;transform-origin:0%;transform:scale(0.5,0.5) rotate(0deg);}80%{opacity:1;transform-origin:0% 100%;transform:scale(0.5,0.5) rotate(0deg);}100%{opacity:0;transform-origin:50% 50%;transform:scale(0,0) rotate(0deg);}}@-moz-keyframes foolishIn{0%{opacity:0;-moz-transform-origin:50% 50%;-moz-transform:scale(0,0) rotate(360deg);}20%{opacity:1;-moz-transform-origin:0% 100%;-moz-transform:scale(0.5,0.5) rotate(0deg);}40%{opacity:1;-moz-transform-origin:100% 100%;-moz-transform:scale(0.5,0.5) rotate(0deg);}60%{opacity:1;-moz-transform-origin:0%;-moz-transform:scale(0.5,0.5) rotate(0deg);}80%{opacity:1;-moz-transform-origin:0% 0%;-moz-transform:scale(0.5,0.5) rotate(0deg);}100%{opacity:1;-moz-transform-origin:50% 50%;-moz-transform:scale(1,1) rotate(0deg);}}@-webkit-keyframes foolishIn{0%{opacity:0;-webkit-transform-origin:50% 50%;-webkit-transform:scale(0,0) rotate(360deg);}20%{opacity:1;-webkit-transform-origin:0% 100%;-webkit-transform:scale(0.5,0.5) rotate(0deg);}40%{opacity:1;-webkit-transform-origin:100% 100%;-webkit-transform:scale(0.5,0.5) rotate(0deg);}60%{opacity:1;-webkit-transform-origin:0%;-webkit-transform:scale(0.5,0.5) rotate(0deg);}80%{opacity:1;-webkit-transform-origin:0% 0%;-webkit-transform:scale(0.5,0.5) rotate(0deg);}100%{opacity:1;-webkit-transform-origin:50% 50%;-webkit-transform:scale(1,1) rotate(0deg);}}@-o-keyframes foolishIn{0%{opacity:0;-o-transform-origin:50% 50%;-o-transform:scale(0,0) rotate(360deg);}20%{opacity:1;-o-transform-origin:0% 100%;-o-transform:scale(0.5,0.5) rotate(0deg);}40%{opacity:1;-o-transform-origin:100% 100%;-o-transform:scale(0.5,0.5) rotate(0deg);}60%{opacity:1;-o-transform-origin:0%;-o-transform:scale(0.5,0.5) rotate(0deg);}80%{opacity:1;-o-transform-origin:0% 0%;-o-transform:scale(0.5,0.5) rotate(0deg);}100%{opacity:1;-o-transform-origin:50% 50%;-o-transform:scale(1,1) rotate(0deg);}}@-ms-keyframes foolishIn{0%{opacity:0;filter:alpha(opacity=0);-ms-transform-origin:50% 50%;-ms-transform:scale(0,0) rotate(360deg);}20%{opacity:1;filter:alpha(opacity=100);-ms-transform-origin:0% 100%;-ms-transform:scale(0.5,0.5) rotate(0deg);}40%{opacity:1;filter:alpha(opacity=100);-ms-transform-origin:100% 100%;-ms-transform:scale(0.5,0.5) rotate(0deg);}60%{opacity:1;filter:alpha(opacity=100);-ms-transform-origin:0%;-ms-transform:scale(0.5,0.5) rotate(0deg);}80%{opacity:1;filter:alpha(opacity=100);-ms-transform-origin:0% 0%;-ms-transform:scale(0.5,0.5) rotate(0deg);}100%{opacity:1;filter:alpha(opacity=100);-ms-transform-origin:50% 50%;-ms-transform:scale(1,1) rotate(0deg);}}@keyframes foolishIn{0%{opacity:0;transform-origin:50% 50%;transform:scale(0,0) rotate(360deg);}20%{opacity:1;transform-origin:0% 100%;transform:scale(0.5,0.5) rotate(0deg);}40%{opacity:1;transform-origin:100% 100%;transform:scale(0.5,0.5) rotate(0deg);}60%{opacity:1;transform-origin:0%;transform:scale(0.5,0.5) rotate(0deg);}80%{opacity:1;transform-origin:0% 0%;transform:scale(0.5,0.5) rotate(0deg);}100%{opacity:1;transform-origin:50% 50%;transform:scale(1,1) rotate(0deg);}}@-moz-keyframes holeOut{0%{opacity:1;-moz-transform-origin:50% 50%;-moz-transform:scale(1,1) rotateY(0deg);}100%{opacity:0;-moz-transform-origin:50% 50%;-moz-transform:scale(0,0) rotateY(180deg);}}@-webkit-keyframes holeOut{0%{opacity:1;-webkit-transform-origin:50% 50%;-webkit-transform:scale(1,1) rotateY(0deg);}100%{opacity:0;-webkit-transform-origin:50% 50%;-webkit-transform:scale(0,0) rotateY(180deg);}}@-o-keyframes holeOut{0%{opacity:1;-o-transform-origin:50% 50%;-o-transform:scale(1,1) rotateY(0deg);}100%{opacity:0;-o-transform-origin:50% 50%;-o-transform:scale(0,0) rotateY(180deg);}}@-ms-keyframes holeOut{0%{opacity:1;filter:alpha(opacity=100);-ms-transform-origin:50% 50%;-ms-transform:scale(1,1) rotateY(0deg);}100%{opacity:0;filter:alpha(opacity=0);-ms-transform-origin:50% 50%;-ms-transform:scale(0,0) rotateY(180deg);}}@keyframes holeOut{0%{opacity:1;transform-origin:50% 50%;transform:scale(1,1) rotateY(0deg);}100%{opacity:0;transform-origin:50% 50%;transform:scale(0,0) rotateY(180deg);}}@-moz-keyframes tinRightOut{0%,20%,40%,50%{opacity:1;-moz-transform:scale(1,1) translateX(0);}10%,30%{opacity:1;-moz-transform:scale(1.1,1.1) translateX(0);}100%{opacity:0;-moz-transform:scale(1,1) translateX(900%);}}@-webkit-keyframes tinRightOut{0%,20%,40%,50%{opacity:1;-webkit-transform:scale(1,1) translateX(0);}10%,30%{opacity:1;-webkit-transform:scale(1.1,1.1) translateX(0);}100%{opacity:0;-webkit-transform:scale(1,1) translateX(900%);}}@-o-keyframes tinRightOut{0%,20%,40%,50%{opacity:1;-o-transform:scale(1,1) translateX(0);}10%,30%{opacity:1;-o-transform:scale(1.1,1.1) translateX(0);}100%{opacity:0;-o-transform:scale(1,1) translateX(900%);}}@-ms-keyframes tinRightOut{0%,20%,40%,50%{opacity:1;filter:alpha(opacity=100);-ms-transform:scale(1,1) translateX(0);}10%,30%{opacity:1;filter:alpha(opacity=100);-ms-transform:scale(1.1,1.1) translateX(0);}100%{opacity:0;filter:alpha(opacity=0);-ms-transform:scale(1,1) translateX(900%);}}@keyframes tinRightOut{0%,20%,40%,50%{opacity:1;transform:scale(1,1) translateX(0);}10%,30%{opacity:1;transform:scale(1.1,1.1) translateX(0);}100%{opacity:0;transform:scale(1,1) translateX(900%);}}@-moz-keyframes tinLeftOut{0%,20%,40%,50%{opacity:1;-moz-transform:scale(1,1) translateX(0);}10%,30%{opacity:1;-moz-transform:scale(1.1,1.1) translateX(0);}100%{opacity:0;-moz-transform:scale(1,1) translateX(-900%);}}@-webkit-keyframes tinLeftOut{0%,20%,40%,50%{opacity:1;-webkit-transform:scale(1,1) translateX(0);}10%,30%{opacity:1;-webkit-transform:scale(1.1,1.1) translateX(0);}100%{opacity:0;-webkit-transform:scale(1,1) translateX(-900%);}}@-o-keyframes tinLeftOut{0%,20%,40%,50%{opacity:1;-o-transform:scale(1,1) translateX(0);}10%,30%{opacity:1;-o-transform:scale(1.1,1.1) translateX(0);}100%{opacity:0;-o-transform:scale(1,1) translateX(-900%);}}@-ms-keyframes tinLeftOut{0%,20%,40%,50%{opacity:1;filter:alpha(opacity=100);-ms-transform:scale(1,1) translateX(0);}10%,30%{opacity:1;filter:alpha(opacity=100);-ms-transform:scale(1.1,1.1) translateX(0);}100%{opacity:0;filter:alpha(opacity=0);-ms-transform:scale(1,1) translateX(-900%);}}@keyframes tinLeftOut{0%,20%,40%,50%{opacity:1;transform:scale(1,1) translateX(0);}10%,30%{opacity:1;transform:scale(1.1,1.1) translateX(0);}100%{opacity:0;transform:scale(1,1) translateX(-900%);}}@-moz-keyframes tinUpOut{0%,20%,40%,50%{opacity:1;-moz-transform:scale(1,1) translateY(0);}10%,30%{opacity:1;-moz-transform:scale(1.1,1.1) translateY(0);}100%{opacity:0;-moz-transform:scale(1,1) translateY(-900%);}}@-webkit-keyframes tinUpOut{0%,20%,40%,50%{opacity:1;-webkit-transform:scale(1,1) translateY(0);}10%,30%{opacity:1;-webkit-transform:scale(1.1,1.1) translateY(0);}100%{opacity:0;-webkit-transform:scale(1,1) translateY(-900%);}}@-o-keyframes tinUpOut{0%,20%,40%,50%{opacity:1;-o-transform:scale(1,1) translateY(0);}10%,30%{opacity:1;-o-transform:scale(1.1,1.1) translateY(0);}100%{opacity:0;-o-transform:scale(1,1) translateY(-900%);}}@-ms-keyframes tinUpOut{0%,20%,40%,50%{opacity:1;filter:alpha(opacity=100);-ms-transform:scale(1,1) translateY(0);}10%,30%{opacity:1;filter:alpha(opacity=100);-ms-transform:scale(1.1,1.1) translateY(0);}100%{opacity:0;filter:alpha(opacity=0);-ms-transform:scale(1,1) translateY(-900%);}}@keyframes tinUpOut{0%,20%,40%,50%{opacity:1;transform:scale(1,1) translateY(0);}10%,30%{opacity:1;transform:scale(1.1,1.1) translateY(0);}100%{opacity:0;transform:scale(1,1) translateY(-900%);}}@-moz-keyframes tinDownOut{0%,20%,40%,50%{opacity:1;-moz-transform:scale(1,1) translateY(0);}10%,30%{opacity:1;-moz-transform:scale(1.1,1.1) translateY(0);}100%{opacity:0;-moz-transform:scale(1,1) translateY(900%);}}@-webkit-keyframes tinDownOut{0%,20%,40%,50%{opacity:1;-webkit-transform:scale(1,1) translateY(0);}10%,30%{opacity:1;-webkit-transform:scale(1.1,1.1) translateY(0);}100%{opacity:0;-webkit-transform:scale(1,1) translateY(900%);}}@-o-keyframes tinDownOut{0%,20%,40%,50%{opacity:1;-o-transform:scale(1,1) translateY(0);}10%,30%{opacity:1;-o-transform:scale(1.1,1.1) translateY(0);}100%{opacity:0;-o-transform:scale(1,1) translateY(900%);}}@-ms-keyframes tinDownOut{0%,20%,40%,50%{opacity:1;filter:alpha(opacity=100);-ms-transform:scale(1,1) translateY(0);}10%,30%{opacity:1;filter:alpha(opacity=100);-ms-transform:scale(1.1,1.1) translateY(0);}100%{opacity:0;filter:alpha(opacity=0);-ms-transform:scale(1,1) translateY(900%);}}@keyframes tinDownOut{0%,20%,40%,50%{opacity:1;transform:scale(1,1) translateY(0);}10%,30%{opacity:1;transform:scale(1.1,1.1) translateY(0);}100%{opacity:0;transform:scale(1,1) translateY(900%);}}@-moz-keyframes tinRightIn{0%{opacity:0;-moz-transform:scale(1,1) translateX(900%);}50%,70%,90%{opacity:1;-moz-transform:scale(1.1,1.1) translateX(0);}60%,80%,100%{opacity:1;-moz-transform:scale(1,1) translateX(0);}}@-webkit-keyframes tinRightIn{0%{opacity:0;-webkit-transform:scale(1,1) translateX(900%);}50%,70%,90%{opacity:1;-webkit-transform:scale(1.1,1.1) translateX(0);}60%,80%,100%{opacity:1;-webkit-transform:scale(1,1) translateX(0);}}@-o-keyframes tinRightIn{0%{opacity:0;-o-transform:scale(1,1) translateX(900%);}50%,70%,90%{opacity:1;-o-transform:scale(1.1,1.1) translateX(0);}60%,80%,100%{opacity:1;-o-transform:scale(1,1) translateX(0);}}@-ms-keyframes tinRightIn{0%{opacity:0;filter:alpha(opacity=0);-ms-transform:scale(1,1) translateX(900%);}50%,70%,90%{opacity:1;filter:alpha(opacity=100);-ms-transform:scale(1.1,1.1) translateX(0);}60%,80%,100%{opacity:1;filter:alpha(opacity=100);-ms-transform:scale(1,1) translateX(0);}}@keyframes tinRightIn{0%{opacity:0;transform:scale(1,1) translateX(900%);}50%,70%,90%{opacity:1;transform:scale(1.1,1.1) translateX(0);}60%,80%,100%{opacity:1;transform:scale(1,1) translateX(0);}}@-moz-keyframes tinLeftIn{0%{opacity:0;-moz-transform:scale(1,1) translateX(-900%);}50%,70%,90%{opacity:1;-moz-transform:scale(1.1,1.1) translateX(0);}60%,80%,100%{opacity:1;-moz-transform:scale(1,1) translateX(0);}}@-webkit-keyframes tinLeftIn{0%{opacity:0;-webkit-transform:scale(1,1) translateX(-900%);}50%,70%,90%{opacity:1;-webkit-transform:scale(1.1,1.1) translateX(0);}60%,80%,100%{opacity:1;-webkit-transform:scale(1,1) translateX(0);}}@-o-keyframes tinLeftIn{0%{opacity:0;-o-transform:scale(1,1) translateX(-900%);}50%,70%,90%{opacity:1;-o-transform:scale(1.1,1.1) translateX(0);}60%,80%,100%{opacity:1;-o-transform:scale(1,1) translateX(0);}}@-ms-keyframes tinLeftIn{0%{opacity:0;filter:alpha(opacity=0);-ms-transform:scale(1,1) translateX(-900%);}50%,70%,90%{opacity:1;filter:alpha(opacity=100);-ms-transform:scale(1.1,1.1) translateX(0);}60%,80%,100%{opacity:1;filter:alpha(opacity=100);-ms-transform:scale(1,1) translateX(0);}}@keyframes tinLeftIn{0%{opacity:0;transform:scale(1,1) translateX(-900%);}50%,70%,90%{opacity:1;transform:scale(1.1,1.1) translateX(0);}60%,80%,100%{opacity:1;transform:scale(1,1) translateX(0);}}@-moz-keyframes tinUpIn{0%{opacity:0;-moz-transform:scale(1,1) translateY(-900%);}50%,70%,90%{opacity:1;-moz-transform:scale(1.1,1.1) translateY(0);}60%,80%,100%{opacity:1;-moz-transform:scale(1,1) translateY(0);}}@-webkit-keyframes tinUpIn{0%{opacity:0;-webkit-transform:scale(1,1) translateY(-900%);}50%,70%,90%{opacity:1;-webkit-transform:scale(1.1,1.1) translateY(0);}60%,80%,100%{opacity:1;-webkit-transform:scale(1,1) translateY(0);}}@-o-keyframes tinUpIn{0%{opacity:0;-o-transform:scale(1,1) translateY(-900%);}50%,70%,90%{opacity:1;-o-transform:scale(1.1,1.1) translateY(0);}60%,80%,100%{opacity:1;-o-transform:scale(1,1) translateY(0);}}@-ms-keyframes tinUpIn{0%{opacity:0;filter:alpha(opacity=0);-ms-transform:scale(1,1) translateY(-900%);}50%,70%,90%{opacity:1;filter:alpha(opacity=100);-ms-transform:scale(1.1,1.1) translateY(0);}60%,80%,100%{opacity:1;filter:alpha(opacity=100);-ms-transform:scale(1,1) translateY(0);}}@keyframes tinUpIn{0%{opacity:0;transform:scale(1,1) translateY(-900%);}50%,70%,90%{opacity:1;transform:scale(1.1,1.1) translateY(0);}60%,80%,100%{opacity:1;transform:scale(1,1) translateY(0);}}@-moz-keyframes tinDownIn{0%{opacity:0;-moz-transform:scale(1,1) translateY(900%);}50%,70%,90%{opacity:1;-moz-transform:scale(1.1,1.1) translateY(0);}60%,80%,100%{opacity:1;-moz-transform:scale(1,1) translateY(0);}}@-webkit-keyframes tinDownIn{0%{opacity:0;-webkit-transform:scale(1,1) translateY(900%);}50%,70%,90%{opacity:1;-webkit-transform:scale(1.1,1.1) translateY(0);}60%,80%,100%{opacity:1;-webkit-transform:scale(1,1) translateY(0);}}@-o-keyframes tinDownIn{0%{opacity:0;-o-transform:scale(1,1) translateY(900%);}50%,70%,90%{opacity:1;-o-transform:scale(1.1,1.1) translateY(0);}60%,80%,100%{opacity:1;-o-transform:scale(1,1) translateY(0);}}@-ms-keyframes tinDownIn{0%{opacity:0;filter:alpha(opacity=0);-ms-transform:scale(1,1) translateY(900%);}50%,70%,90%{opacity:1;filter:alpha(opacity=100);-ms-transform:scale(1.1,1.1) translateY(0);}60%,80%,100%{opacity:1;filter:alpha(opacity=100);-ms-transform:scale(1,1) translateY(0);}}@keyframes tinDownIn{0%{opacity:0;transform:scale(1,1) translateY(900%);}50%,70%,90%{opacity:1;transform:scale(1.1,1.1) translateY(0);}60%,80%,100%{opacity:1;transform:scale(1,1) translateY(0);}}@-moz-keyframes bombRightOut{0%{opacity:1;-moz-transform-origin:50% 50%;-moz-transform:rotate(0deg);-webkit-filter:blur(0px);}50%{opacity:1;-moz-transform-origin:200% 50%;-moz-transform:rotate(160deg);-webkit-filter:blur(0px);}100%{opacity:0;-moz-transform-origin:200% 50%;-moz-transform:rotate(160deg);-webkit-filter:blur(20px);}}@-webkit-keyframes bombRightOut{0%{opacity:1;-webkit-transform-origin:50% 50%;-webkit-transform:rotate(0deg);-webkit-filter:blur(0px);}50%{opacity:1;-webkit-transform-origin:200% 50%;-webkit-transform:rotate(160deg);-webkit-filter:blur(0px);}100%{opacity:0;-webkit-transform-origin:200% 50%;-webkit-transform:rotate(160deg);-webkit-filter:blur(20px);}}@-o-keyframes bombRightOut{0%{opacity:1;-o-transform-origin:50% 50%;-o-transform:rotate(0deg);-webkit-filter:blur(0px);}50%{opacity:1;-o-transform-origin:200% 50%;-o-transform:rotate(160deg);-webkit-filter:blur(0px);}100%{opacity:0;-o-transform-origin:200% 50%;-o-transform:rotate(160deg);-webkit-filter:blur(20px);}}@-ms-keyframes bombRightOut{0%{opacity:1;filter:alpha(opacity=100);-ms-transform-origin:50% 50%;-ms-transform:rotate(0deg);-webkit-filter:blur(0px);}50%{opacity:1;filter:alpha(opacity=100);-ms-transform-origin:200% 50%;-ms-transform:rotate(160deg);-webkit-filter:blur(0px);}100%{opacity:0;filter:alpha(opacity=0);-ms-transform-origin:200% 50%;-ms-transform:rotate(160deg);-webkit-filter:blur(20px);}}@keyframes bombRightOut{0%{opacity:1;transform-origin:50% 50%;transform:rotate(0deg);-webkit-filter:blur(0px);}50%{opacity:1;transform-origin:200% 50%;transform:rotate(160deg);-webkit-filter:blur(0px);}100%{opacity:0;transform-origin:200% 50%;transform:rotate(160deg);-webkit-filter:blur(20px);}}@-moz-keyframes bombLeftOut{0%{opacity:1;-moz-transform-origin:50% 50%;-moz-transform:rotate(0deg);-webkit-filter:blur(0px);}50%{opacity:1;-moz-transform-origin:-100% 50%;-moz-transform:rotate(-160deg);-webkit-filter:blur(0px);}100%{opacity:0;-moz-transform-origin:-100% 50%;-moz-transform:rotate(-160deg);-webkit-filter:blur(20px);}}@-webkit-keyframes bombLeftOut{0%{opacity:1;-webkit-transform-origin:50% 50%;-webkit-transform:rotate(0deg);-webkit-filter:blur(0px);}50%{opacity:1;-webkit-transform-origin:-100% 50%;-webkit-transform:rotate(-160deg);-webkit-filter:blur(0px);}100%{opacity:0;-webkit-transform-origin:-100% 50%;-webkit-transform:rotate(-160deg);-webkit-filter:blur(20px);}}@-o-keyframes bombLeftOut{0%{opacity:1;-o-transform-origin:50% 50%;-o-transform:rotate(0deg);-webkit-filter:blur(0px);}50%{opacity:1;-o-transform-origin:-100% 50%;-o-transform:rotate(-160deg);-webkit-filter:blur(0px);}100%{opacity:0;-o-transform-origin:-100% 50%;-o-transform:rotate(-160deg);-webkit-filter:blur(20px);}}@-ms-keyframes bombLeftOut{0%{opacity:1;filter:alpha(opacity=100);-ms-transform-origin:50% 50%;-ms-transform:rotate(0deg);-webkit-filter:blur(0px);}50%{opacity:1;filter:alpha(opacity=100);-ms-transform-origin:-100% 50%;-ms-transform:rotate(-160deg);-webkit-filter:blur(0px);}100%{opacity:0;filter:alpha(opacity=0);-ms-transform-origin:-100% 50%;-ms-transform:rotate(-160deg);-webkit-filter:blur(20px);}}@keyframes bombLeftOut{0%{opacity:1;transform-origin:50% 50%;transform:rotate(0deg);-webkit-filter:blur(0px);}50%{opacity:1;transform-origin:-100% 50%;transform:rotate(-160deg);-webkit-filter:blur(0px);}100%{opacity:0;transform-origin:-100% 50%;transform:rotate(-160deg);-webkit-filter:blur(20px);}}
diff --git a/.vuepress/public/landing/images/dashboard-p.png b/.vuepress/public/landing/images/dashboard-p.png
new file mode 100644
index 0000000..7d6a7c2
Binary files /dev/null and b/.vuepress/public/landing/images/dashboard-p.png differ
diff --git a/.vuepress/public/landing/images/install.png b/.vuepress/public/landing/images/install.png
new file mode 100644
index 0000000..afe4117
Binary files /dev/null and b/.vuepress/public/landing/images/install.png differ
diff --git a/.vuepress/public/landing/images/springcloud-p.png b/.vuepress/public/landing/images/springcloud-p.png
new file mode 100644
index 0000000..32035fb
Binary files /dev/null and b/.vuepress/public/landing/images/springcloud-p.png differ
diff --git a/.vuepress/public/landing/images/tutorial-p.png b/.vuepress/public/landing/images/tutorial-p.png
new file mode 100644
index 0000000..9a1c23a
Binary files /dev/null and b/.vuepress/public/landing/images/tutorial-p.png differ
diff --git a/.vuepress/theme/components/JoinCommunity.vue b/.vuepress/theme/components/JoinCommunity.vue
index bc747ae..40760d8 100644
--- a/.vuepress/theme/components/JoinCommunity.vue
+++ b/.vuepress/theme/components/JoinCommunity.vue
@@ -1,19 +1,21 @@
 <template>
-  <div class="page-nav" style="max-width: 1000px; padding: 1rem;">
+  <div class="page-nav" style="max-width: 1000px; padding: 1rem; text-align: center;">
     <el-divider>免费在线答疑</el-divider>
     <grid :rwd="{compact: 'stack'}">
       <grid-item size="1/3" :rwd="{tablet: '1/1', compact: '1/1'}" >
         <el-card style="height: 100%; margin-top: 1rem;" shadow="none" :body-style="{padding: '0rem 1.5rem'}">
           <h4>QQ群</h4>
-          <div>一键进群
-            <Qq/> 808894550
+          <div>
+            <!-- 一键进群 -->
+            <Qq/>
+            <!-- 808894550 -->
           </div>
           <p style="margin-bottom: 0; margin-top: 10px;">
             <img style="margin: auto; padding: 7px; width: 135px;" src="/images/kuboard_qq.png" alt="Kubernetes教程：QQ群在线答疑"/>
           </p>
         </el-card>
       </grid-item>
-      <grid-item size="2/3" :rwd="{tablet: '1/1', compact: '1/1'}">
+      <grid-item size="1/3" :rwd="{tablet: '1/1', compact: '1/1'}">
           <el-card style="height: 100%; color: #2c3e50; line-height: 1.7; margin-top: 1rem;" shadow="none" :body-style="{padding: '0rem 1.5rem'}">
             <h4>微信群</h4>
             <div>
@@ -27,6 +29,20 @@
             </div>
           </el-card>
       </grid-item>
+      <grid-item size="1/3" :rwd="{tablet: '1/1', compact: '1/1'}">
+          <el-card style="height: 100%; color: #2c3e50; line-height: 1.7; margin-top: 1rem; border-color: #f2be45; background-color: rgba(242, 190, 69, 0.1)" shadow="none" :body-style="{padding: '0rem 1.5rem'}">
+            <h4>VIP群</h4>
+            <div>
+              <div style="margin-top: 10px;">
+                <span>微信扫码</span>
+                <p style="margin-top: 10px; margin-bottom: 0; text-align: center;">
+                  <!-- <img src="/images/dz.png" style="width: 150px;"></img> -->
+                  <img src="/images/dz2.jpeg" style="width: 150px;"></img>
+                </p>
+              </div>
+            </div>
+          </el-card>
+      </grid-item>
     </grid>
   </div>
 </template>
diff --git a/.vuepress/theme/components/Page.vue b/.vuepress/theme/components/Page.vue
index e2d5b97..1c30d86 100644
--- a/.vuepress/theme/components/Page.vue
+++ b/.vuepress/theme/components/Page.vue
@@ -2,7 +2,7 @@
   <main class="page">
     <div class="page-nav" style="max-width: 1000px; margin-top: 56px;">
     </div>
-    <div v-show="!$isSharing" class="page-nav" style="max-width: 1000px; margin: auto;">
+    <div v-show="!$isSharing && !$frontmatter.lessAds" class="page-nav" style="max-width: 1000px; margin: auto;">
       <div class="tip custom-block" style=" padding: 1rem; margin-top: 0;">
         <div style="display: inline-block; vertical-align: top; line-height: 1.6rem;">
           <li>
@@ -36,8 +36,8 @@
       </p>
     </div> -->
     <JoinCommunity></JoinCommunity>
-    <PageEdit style="max-width: 1000px;"/>
-    <PageNav v-bind="{ sidebarItems }" style="max-width: 1000px;"/>
+    <PageEdit style="max-width: 1000px; margin-top: 2rem; background-color: #FFF;"/>
+    <PageNav v-bind="{ sidebarItems }" style="max-width: 1000px; padding: 1rem;"/>
     <div class="page-nav" style="max-width: 1000px; padding-top:0; margin-top: 1rem;" v-show="!$frontmatter.lessAds && !$isSharing">
       <AdSensePageBottomInline/>
     </div>
diff --git a/install/install-dashboard.md b/install/install-dashboard.md
index 584bed7..2f46d40 100644
--- a/install/install-dashboard.md
+++ b/install/install-dashboard.md
@@ -1,5 +1,6 @@
 ---
 vssueId: 13
+lessAds: true
 description: Kuboard_是一款Kubernetes_Dashboard_快速在K8S上落地微服务_本文是Kuboard的安装手册_包括安装Kuboard的前提条件_与Kubernetes的版本兼容性_安装步骤_以及完成安装后如何访问Kuboard界面。
 meta:
   - name: keywords
@@ -28,15 +29,24 @@ meta:
 
 <div slot="overview"> -->
 
+
+
+
+## 在线体验
+
+<div style="min-height: 433px;">
+  <InstallDashboardPreview/>
+</div>
+
 ## 前提
 
-Kuboard 是基于一款基于 Kubernetes 的微服务管理面板。安装 Kuboard 时，假设您已经有一个 Kubernetes 集群
+安装 Kuboard 时，假设您已经有一个 Kubernetes 集群
 
 如果没有 Kubernetes 集群：
 
-* 初学者，  请参考 
-  * [在 Windows/Mac 安装 Kubernetes 测试集群](install-docker-desktop.html) 
-  * [安装 Kubernetes 单Master节点](install-k8s.html)
+* 初学者，请参考 
+  * [在 Windows/Mac 安装 Kubernetes 测试集群](install-docker-desktop.html) <Badge type="error">不推荐</Badge>
+  * [安装 Kubernetes 单Master节点](install-k8s.html) <Badge type="success">推荐</Badge>
 * 用于生产，请参考 [安装 Kubernetes 高可用](install-kubernetes.html)
 
 ## 兼容性
diff --git a/install/install-k8s-dashboard.md b/install/install-k8s-dashboard.md
index 93d8013..f9b8e81 100644
--- a/install/install-k8s-dashboard.md
+++ b/install/install-k8s-dashboard.md
@@ -38,11 +38,10 @@ Kubernetes Dashboard 是 Kubernetes 的官方 Web UI。使用 Kubernetes Dashboa
 kubectl apply -f https://raw.githubusercontent.com/kubernetes/dashboard/v2.0.0-beta5/aio/deploy/recommended.yaml
 ```
 
-如果访问不了该 yaml 文件，请使用下面的命令，效果是等价的
-
-``` sh
-kubectl apply -f https://kuboard.cn/install-script/k8s-dashboard/v2.0.0-beta5.yaml
-```
+> 如果访问不了该 yaml 文件，请使用下面的命令，效果是等价的
+> ``` sh
+> kubectl apply -f https://kuboard.cn/install-script/k8s-dashboard/v2.0.0-beta5.yaml
+> ```
 
 
 ## 访问
diff --git a/install/install-k8s.md b/install/install-k8s.md
index 7b5284d..81a025b 100644
--- a/install/install-k8s.md
+++ b/install/install-k8s.md
@@ -131,13 +131,12 @@ lscpu
 | ----------- | --------------------------------------- | ----------------------------------- |
 | 7.7         | <span style="font-size: 24px;">😄</span> | 已验证                              |
 | 7.6         | <span style="font-size: 24px;">😄</span> | 已验证                              |
-| 7.5         | <span style="font-size: 24px;">🤔</span> | 已证实会出现 kubelet 无法启动的问题    |
-| 7.4         | <span style="font-size: 24px;">🤔</span> | 待验证                              |
-| 7.3         | <span style="font-size: 24px;">🤔</span> | 待验证                              |
-| 7.2         | <span style="font-size: 24px;">😞</span> | 已证实会出现 kubelet 无法启动的问题 |
+| 7.5         | <span style="font-size: 24px;">😞</span> | 已证实会出现 kubelet 无法启动的问题    |
+| 7.4         | <span style="font-size: 24px;">😞</span> | 同上                              |
+| 7.3         | <span style="font-size: 24px;">😞</span> | 同上                              |
+| 7.2         | <span style="font-size: 24px;">😞</span> | 同上                              |
 
 </div>
-
   </grid-item>
   <grid-item size="1/3" :rwd="{tablet: '1/1', compact: '0/1'}" style="padding: 2rem 1rem 1rem 1rem;">
     <AdSenseVertical/>
@@ -327,10 +326,11 @@ demo-worker-a-1   Ready    <none>   2m26s   v1.16.2
 demo-worker-a-2   Ready    <none>   3m56s   v1.16.2
 ```
 
-
-
 ## 移除 worker 节点
 
+<el-collapse style="margin-top: 20px;">
+  <el-collapse-item title="正常情况下，您无需移除 worker 节点，如果添加到集群出错，您可以移除 worker 节点，再重新尝试添加。点我查看具体步骤。" name="1">
+
 ::: warning
 正常情况下，您无需移除 worker 节点，如果添加到集群出错，您可以移除 worker 节点，再重新尝试添加
 :::
@@ -354,6 +354,10 @@ kubectl delete node demo-worker-x-x
 * worker 节点的名字可以通过在节点 demo-master-a-1 上执行 kubectl get nodes 命令获得
 :::
 
+  </el-collapse-item>
+</el-collapse>
+
+
 <!-- </div>
 
 <div slot="step5"> -->
diff --git a/install/install-kubernetes.md b/install/install-kubernetes.md
index 69fbfdd..a726c67 100644
--- a/install/install-kubernetes.md
+++ b/install/install-kubernetes.md
@@ -86,10 +86,10 @@ hostname
 | ----------- | --------------------------------------- | ----------------------------------- |
 | 7.7         | <span style="font-size: 24px;">😄</span> | 已验证                              |
 | 7.6         | <span style="font-size: 24px;">😄</span> | 已验证                              |
-| 7.5         | <span style="font-size: 24px;">😄</span> | 已验证                              |
-| 7.4         | <span style="font-size: 24px;">🤔</span> | 待验证                              |
-| 7.3         | <span style="font-size: 24px;">🤔</span> | 待验证                              |
-| 7.2         | <span style="font-size: 24px;">😞</span> | 已证实会出现 kubelet 无法启动的问题 |
+| 7.5         | <span style="font-size: 24px;">😞</span> | 已证实会出现 kubelet 无法启动的问题    |
+| 7.4         | <span style="font-size: 24px;">😞</span> | 同上                              |
+| 7.3         | <span style="font-size: 24px;">😞</span> | 同上                              |
+| 7.2         | <span style="font-size: 24px;">😞</span> | 同上                              |
 
 ::: tip 修改 hostname
 如果您需要修改 hostname，可执行如下指令：
diff --git a/package-lock.json b/package-lock.json
index 1a0fc57..b6178c9 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -839,6 +839,16 @@
       "resolved": "https://registry.npm.taobao.org/@nodelib/fs.stat/download/@nodelib/fs.stat-1.1.3.tgz",
       "integrity": "sha1-K1o6s/kYzKSKjHVMCBaOPwPrphs="
     },
+    "@nuxt/opencollective": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npm.taobao.org/@nuxt/opencollective/download/@nuxt/opencollective-0.3.0.tgz",
+      "integrity": "sha1-EdiUTc8tUm4xZgu2lXC+A/j7crc=",
+      "requires": {
+        "chalk": "^2.4.2",
+        "consola": "^2.10.1",
+        "node-fetch": "^2.6.0"
+      }
+    },
     "@types/events": {
       "version": "3.0.0",
       "resolved": "https://registry.npm.taobao.org/@types/events/download/@types/events-3.0.0.tgz",
@@ -2002,6 +2012,23 @@
       "resolved": "https://registry.npm.taobao.org/boolbase/download/boolbase-1.0.0.tgz",
       "integrity": "sha1-aN/1++YMUes3cl6p4+0xDcwed24="
     },
+    "bootstrap": {
+      "version": "4.3.1",
+      "resolved": "https://registry.npm.taobao.org/bootstrap/download/bootstrap-4.3.1.tgz",
+      "integrity": "sha1-KAyo9hBQTZnXtrS/xLaM7GAXBKw="
+    },
+    "bootstrap-vue": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npm.taobao.org/bootstrap-vue/download/bootstrap-vue-2.0.4.tgz",
+      "integrity": "sha1-m/mXVKIqzs5y4Crdo8eWW4GK4rw=",
+      "requires": {
+        "@nuxt/opencollective": "^0.3.0",
+        "bootstrap": ">=4.3.1 <5.0.0",
+        "popper.js": "^1.15.0",
+        "portal-vue": "^2.1.6",
+        "vue-functional-data-merge": "^3.1.0"
+      }
+    },
     "brace-expansion": {
       "version": "1.1.11",
       "resolved": "https://registry.npm.taobao.org/brace-expansion/download/brace-expansion-1.1.11.tgz",
@@ -5840,6 +5867,11 @@
         "lower-case": "^1.1.1"
       }
     },
+    "node-fetch": {
+      "version": "2.6.0",
+      "resolved": "https://registry.npm.taobao.org/node-fetch/download/node-fetch-2.6.0.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fnode-fetch%2Fdownload%2Fnode-fetch-2.6.0.tgz",
+      "integrity": "sha1-5jNFY4bUqlWGP2dqerDaqP3ssP0="
+    },
     "node-forge": {
       "version": "0.9.0",
       "resolved": "https://registry.npm.taobao.org/node-forge/download/node-forge-0.9.0.tgz?cache=0&sync_timestamp=1569552454213&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fnode-forge%2Fdownload%2Fnode-forge-0.9.0.tgz",
@@ -9430,6 +9462,16 @@
         "find-up": "^2.1.0"
       }
     },
+    "popper.js": {
+      "version": "1.16.0",
+      "resolved": "https://registry.npm.taobao.org/popper.js/download/popper.js-1.16.0.tgz",
+      "integrity": "sha1-LhgWvLuqUY6mwuFaRm9Mucbi+7M="
+    },
+    "portal-vue": {
+      "version": "2.1.6",
+      "resolved": "https://registry.npm.taobao.org/portal-vue/download/portal-vue-2.1.6.tgz",
+      "integrity": "sha1-p9R5CxSnmvf9FZpg7IjDDN3Gxjk="
+    },
     "portfinder": {
       "version": "1.0.25",
       "resolved": "https://registry.npm.taobao.org/portfinder/download/portfinder-1.0.25.tgz",
@@ -11766,6 +11808,11 @@
       "integrity": "sha1-sz78sQ4XI21oT3Cx6W8ZRux5Poc=",
       "dev": true
     },
+    "vue-functional-data-merge": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npm.taobao.org/vue-functional-data-merge/download/vue-functional-data-merge-3.1.0.tgz",
+      "integrity": "sha1-CKd5dYO381aAWH+KHVHXKaodxlc="
+    },
     "vue-hot-reload-api": {
       "version": "2.3.4",
       "resolved": "https://registry.npm.taobao.org/vue-hot-reload-api/download/vue-hot-reload-api-2.3.4.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fvue-hot-reload-api%2Fdownload%2Fvue-hot-reload-api-2.3.4.tgz",
diff --git a/package.json b/package.json
index 9d141cb..02f42e1 100644
--- a/package.json
+++ b/package.json
@@ -24,6 +24,8 @@
   "dependencies": {
     "@vuepress/plugin-pwa": "^1.2.0",
     "animated-number-vue": "^1.0.0",
+    "bootstrap": "^4.3.1",
+    "bootstrap-vue": "^2.0.4",
     "element-ui": "^2.12.0",
     "esm": "^3.2.25",
     "npm": "^6.11.3",
diff --git a/support/index.md b/support/index.md
index 41c54fd..94ae8bc 100644
--- a/support/index.md
+++ b/support/index.md
@@ -26,7 +26,7 @@ export default {
 <grid :rwd="{compact: 'stack'}">
   <grid-item size="2/3" :rwd="{tablet: '1/1', compact: '1/1'}">
 
-<el-card style="height: calc(100% - 1.5rem); color: #2c3e50; line-height: 1.7; margin-top: 1rem;" shadow="none">
+<el-card style="height: calc(100% - 1.5rem); color: #2c3e50; line-height: 1.7; margin-top: 1rem; border-color: #f2be45; background-color: rgba(242, 190, 69, 0.1)" shadow="none">
 
 * 使用 Kuboard 是 <font color="red">免费</font> 的，无论您是用于学习还是用于生产
 * 将来会推出 Kuboard Plus，当前所有的功能，<font color="red">将来仍然免费</font>。Kuboard Plus 侧重点：