5 月之前 · 4754ec1dcf
--- a/.browserslistrc
+++ b/.browserslistrc
@@ -0,0 +1,3 @@
 
				+> 1%
			
 
				+last 2 versions
			
 
				+not dead
			
--- a/.env.development
+++ b/.env.development
@@ -0,0 +1,12 @@
 
				+# 页面标题
			
 
				+VUE_APP_TITLE = 神州通誉软件
			
 
				+
			
 
				+# 开发环境配置
			
 
				+ENV = 'development'
			
 
				+
			
 
				+# 神州通誉软件/开发环境
			
 
				+VUE_APP_BASE_API = 'https://xiaoyou.dgtis.com/admin/'
			
 
				+# VUE_APP_BASE_API = '/dev-api'
			
 
				+VUE_APP_Target=""
			
 
				+# 路由懒加载
			
 
				+VUE_CLI_BABEL_TRANSPILE_MODULES = true
			
--- a/.env.production
+++ b/.env.production
@@ -0,0 +1,9 @@
 
				+# 页面标题
			
 
				+VUE_APP_TITLE = 神州通誉软件
			
 
				+
			
 
				+# 生产环境配置
			
 
				+ENV = 'production'
			
 
				+
			
 
				+# 神州通誉软件/生产环境 '/prod-api'
			
 
				+VUE_APP_BASE_API = 'https://xiaoyou.dgtis.com/admin/'
			
 
				+# VUE_APP_BASE_API = '/prod-api'
			
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -0,0 +1,17 @@
 
				+module.exports = {
			
 
				+  root: true,
			
 
				+  env: {
			
 
				+    node: true
			
 
				+  },
			
 
				+  'extends': [
			
 
				+    'plugin:vue/essential',
			
 
				+    'eslint:recommended'
			
 
				+  ],
			
 
				+  parserOptions: {
			
 
				+    parser: '@babel/eslint-parser'
			
 
				+  },
			
 
				+  rules: {
			
 
				+    'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
			
 
				+    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off'
			
 
				+  }
			
 
				+}
			
--- a/.gitignore
+++ b/.gitignore
@@ -0,0 +1,23 @@
 
				+.DS_Store
			
 
				+node_modules
			
 
				+/dist
			
 
				+
			
 
				+
			
 
				+# local env files
			
 
				+.env.local
			
 
				+.env.*.local
			
 
				+
			
 
				+# Log files
			
 
				+npm-debug.log*
			
 
				+yarn-debug.log*
			
 
				+yarn-error.log*
			
 
				+pnpm-debug.log*
			
 
				+
			
 
				+# Editor directories and files
			
 
				+.idea
			
 
				+.vscode
			
 
				+*.suo
			
 
				+*.ntvs*
			
 
				+*.njsproj
			
 
				+*.sln
			
 
				+*.sw?
			
--- a/README.md
+++ b/README.md
@@ -1,3 +1,24 @@
 
				-# cpip-ui-gateway
			
 
				+# menhu
			
 
				 
			
 
				-神州通誉软件-产品网站
			
 
				+## Project setup
			
 
				+```
			
 
				+yarn install
			
 
				+```
			
 
				+
			
 
				+### Compiles and hot-reloads for development
			
 
				+```
			
 
				+yarn serve
			
 
				+```
			
 
				+
			
 
				+### Compiles and minifies for production
			
 
				+```
			
 
				+yarn build
			
 
				+```
			
 
				+
			
 
				+### Lints and fixes files
			
 
				+```
			
 
				+yarn lint
			
 
				+```
			
 
				+
			
 
				+### Customize configuration
			
 
				+See [Configuration Reference](https://cli.vuejs.org/config/).
			
--- a/babel.config.js
+++ b/babel.config.js
@@ -0,0 +1,5 @@
 
				+module.exports = {
			
 
				+  presets: [
			
 
				+    '@vue/cli-plugin-babel/preset'
			
 
				+  ]
			
 
				+}
			
--- a/index.html
+++ b/index.html
@@ -0,0 +1,10 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="en">
			
 
				+<head>
			
 
				+    <meta charset="UTF-8">
			
 
				+    <title>Title</title>
			
 
				+</head>
			
 
				+<body>
			
 
				+<h1>这是官网项目</h1>
			
 
				+</body>
			
 
				+</html>
			
--- a/jsconfig.json
+++ b/jsconfig.json
@@ -0,0 +1,19 @@
 
				+{
			
 
				+  "compilerOptions": {
			
 
				+    "target": "es5",
			
 
				+    "module": "esnext",
			
 
				+    "baseUrl": "./",
			
 
				+    "moduleResolution": "node",
			
 
				+    "paths": {
			
 
				+      "@/*": [
			
 
				+        "src/*"
			
 
				+      ]
			
 
				+    },
			
 
				+    "lib": [
			
 
				+      "esnext",
			
 
				+      "dom",
			
 
				+      "dom.iterable",
			
 
				+      "scripthost"
			
 
				+    ]
			
 
				+  }
			
 
				+}
			
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@@ -0,0 +1,37 @@
 
				+{
			
 
				+  "name": "menhu",
			
 
				+  "version": "0.1.0",
			
 
				+  "private": true,
			
 
				+  "scripts": {
			
 
				+    "serve": "vue-cli-service serve",
			
 
				+    "build": "vue-cli-service build",
			
 
				+    "lint": "vue-cli-service lint"
			
 
				+  },
			
 
				+  "dependencies": {
			
 
				+    "axios": "^1.2.2",
			
 
				+    "bootstrap-vue": "^2.23.1",
			
 
				+    "core-js": "^3.8.3",
			
 
				+    "echarts": "^5.4.1",
			
 
				+    "element-ui": "^2.15.12",
			
 
				+    "swiper": "^4.5.1",
			
 
				+    "vue": "^2.6.14",
			
 
				+    "vue-awesome-swiper": "^3.1.3",
			
 
				+    "vue-baidu-map": "^0.21.22",
			
 
				+    "vue-router": "^3.5.1",
			
 
				+    "vuex": "^3.6.2"
			
 
				+  },
			
 
				+  "devDependencies": {
			
 
				+    "@babel/core": "^7.12.16",
			
 
				+    "@babel/eslint-parser": "^7.12.16",
			
 
				+    "@vue/cli-plugin-babel": "~5.0.0",
			
 
				+    "@vue/cli-plugin-eslint": "~5.0.0",
			
 
				+    "@vue/cli-plugin-router": "~5.0.0",
			
 
				+    "@vue/cli-plugin-vuex": "~5.0.0",
			
 
				+    "@vue/cli-service": "~5.0.0",
			
 
				+    "eslint": "^7.32.0",
			
 
				+    "eslint-plugin-vue": "^8.0.3",
			
 
				+    "sass": "^1.32.7",
			
 
				+    "sass-loader": "^12.0.0",
			
 
				+    "vue-template-compiler": "^2.6.14"
			
 
				+  }
			
 
				+}
			
--- a/public/favicon.png
+++ b/public/favicon.png
--- a/public/index.html
+++ b/public/index.html
@@ -0,0 +1,17 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="">
			
 
				+  <head>
			
 
				+    <meta charset="utf-8" />
			
 
				+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
			
 
				+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
			
 
				+    <link rel="icon" href="<%= BASE_URL %>favicon.png" />
			
 
				+    <title>神州通誉</title>
			
 
				+  </head>
			
 
				+  <body style="background-color: #fff">
			
 
				+    <noscript>
			
 
				+      <strong>We're sorry but 神州通誉软件 doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
			
 
				+    </noscript>
			
 
				+    <div id="app"></div>
			
 
				+    <!-- built files will be auto injected -->
			
 
				+  </body>
			
 
				+</html>
			
--- a/public/robots.txt
+++ b/public/robots.txt
@@ -0,0 +1,2 @@
 
				+User-agent: *
			
 
				+Disallow: /
			
--- a/src/App.vue
+++ b/src/App.vue
@@ -0,0 +1,130 @@
 
				+<template>
			
 
				+  <div id="app" :class="{ isGray: isGray }">
			
 
				+    <AppHeader></AppHeader>
			
 
				+    <div class="heightHeader"></div>
			
 
				+    <div class="contents">
			
 
				+      <router-view />
			
 
				+    </div>
			
 
				+    <AppFooter></AppFooter>
			
 
				+    <section class="serveBox">
			
 
				+      <router-link to="/productTrials">
			
 
				+        <div class="experientialBox" ></div>
			
 
				+      </router-link>
			
 
				+      <div class="telephonecounseling">
			
 
				+        <div class="telBox">
			
 
				+          <!-- <img src="./assets/tel.png" alt=""> 
			
 
				+          <div>
			
 
				+            <span>全国热线</span>
			
 
				+            <div>021-22019615</div>
			
 
				+          </div> -->
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      
			
 
				+    </section>
			
 
				+    <el-backtop :bottom="20">
			
 
				+      <div
			
 
				+        style="
			
 
				+           {
			
 
				+            height: 100%;
			
 
				+            width: 100%;
			
 
				+            background-color: #fff;
			
 
				+            box-shadow: 0 0 6px rgba(0, 0, 0, 0.12);
			
 
				+            text-align: center;
			
 
				+            line-height: 44px;
			
 
				+            color: #004ca1 !important;
			
 
				+            border-radius: 8px;
			
 
				+            font-size: 14px;
			
 
				+            width: 50px;
			
 
				+            height: 44px;
			
 
				+          }
			
 
				+        "
			
 
				+      >
			
 
				+        TOP
			
 
				+      </div>
			
 
				+    </el-backtop>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+import AppFooter from "@/components/AppFooter.vue";
			
 
				+import AppHeader from "@/components/AppHeader.vue";
			
 
				+
			
 
				+export default {
			
 
				+  name: "HomeView",
			
 
				+  components: {
			
 
				+    AppFooter,
			
 
				+    AppHeader,
			
 
				+  },
			
 
				+  data() {
			
 
				+    return {
			
 
				+      isGray: false,
			
 
				+    };
			
 
				+  },
			
 
				+  created() {},
			
 
				+};
			
 
				+</script>
			
 
				+<style lang="scss">
			
 
				+#app {
			
 
				+  font-family: "思源黑体","Microsoft YaHei", "微软雅黑", STXihei, "华文细黑", Heiti, "黑体",
			
 
				+    SimSun, "宋体", sans-serif;
			
 
				+  -webkit-font-smoothing: antialiased;
			
 
				+  -moz-osx-font-smoothing: grayscale;
			
 
				+  color: #333;
			
 
				+  font-size: 14px;
			
 
				+  line-height: 26px;
			
 
				+  margin: 0 auto;
			
 
				+}
			
 
				+.el-tabs--left .el-tabs__item.is-left {
			
 
				+  text-align: left !important;
			
 
				+}
			
 
				+.serveBox{
			
 
				+  position: fixed;
			
 
				+  bottom:80px;
			
 
				+  right:20px;
			
 
				+  z-index:99;
			
 
				+}
			
 
				+
			
 
				+.experientialBox {
			
 
				+  background: url("./assets/experiential.png")  no-repeat;
			
 
				+}
			
 
				+.telephonecounseling {
			
 
				+  background: url("./assets/telephonecounseling.png")  no-repeat;
			
 
				+}
			
 
				+.experientialBox,.telephonecounseling {
			
 
				+  position: relative;
			
 
				+  width: 80px;
			
 
				+  height: 99.2px;
			
 
				+  background-size: 100% 100%;
			
 
				+}
			
 
				+.telephonecounseling:hover{
			
 
				+  cursor: pointer;
			
 
				+}
			
 
				+.telephonecounseling:hover .telBox{
			
 
				+  visibility:visible ;
			
 
				+}
			
 
				+.telBox{
			
 
				+  visibility: hidden;
			
 
				+  width:220px;
			
 
				+  height:104.7px;
			
 
				+  background: url('./assets/tel.png') no-repeat;
			
 
				+  background-size:100% 100%;
			
 
				+   position: absolute;
			
 
				+  top:4px;
			
 
				+  right:95px;
			
 
				+  // background: #fff;
			
 
				+  // border-radius: 4px;
			
 
				+  // display: flex;
			
 
				+  // align-items: center;
			
 
				+  // justify-content: center;
			
 
				+  // box-shadow: 0px 0px 4px 1px #ccc;
			
 
				+ 
			
 
				+  // >img{
			
 
				+  //   width:40px;
			
 
				+  //   height:auto;
			
 
				+  //   margin-right:10px;
			
 
				+  // }
			
 
				+  // span{
			
 
				+  //   color:#034385;
			
 
				+  // }
			
 
				+}
			
 
				+</style>
			
--- a/src/api/index.js
+++ b/src/api/index.js
@@ -0,0 +1,23 @@
 
				+import request from '@/utils/request';
			
 
				+
			
 
				+export function newsGroupList(query) {
			
 
				+  return request({
			
 
				+    url: '/news/getdgtIndustryNews',
			
 
				+    method: 'post',
			
 
				+    params: query,
			
 
				+  });
			
 
				+}
			
 
				+export function newsDetile(query) {
			
 
				+  return request({
			
 
				+    url: '/news/readDetailForDGTSiteNews',
			
 
				+    method: 'get',
			
 
				+    params: query,
			
 
				+  });
			
 
				+}
			
 
				+export function newsListByApprovalAndStatus(query) {
			
 
				+  return request({
			
 
				+    url: '/news/listForDGTSiteNews.if',
			
 
				+    method: 'post',
			
 
				+    params: query,
			
 
				+  });
			
 
				+}
			
--- a/src/assets/Personalization.png
+++ b/src/assets/Personalization.png
--- a/src/assets/Personalization1.png
+++ b/src/assets/Personalization1.png
--- a/src/assets/QRcode1.jpg
+++ b/src/assets/QRcode1.jpg
--- a/src/assets/Security.png
+++ b/src/assets/Security.png
--- a/src/assets/Security1.png
+++ b/src/assets/Security1.png
--- a/src/assets/about.png
+++ b/src/assets/about.png
--- a/src/assets/about1.jpg
+++ b/src/assets/about1.jpg
--- a/src/assets/aboutbanner.png
+++ b/src/assets/aboutbanner.png
--- a/src/assets/appletcode.png
+++ b/src/assets/appletcode.png
--- a/src/assets/banner.jpg
+++ b/src/assets/banner.jpg
--- a/src/assets/banner.png
+++ b/src/assets/banner.png
--- a/src/assets/banner1.png
+++ b/src/assets/banner1.png
--- a/src/assets/banner2.jpg
+++ b/src/assets/banner2.jpg
--- a/src/assets/banner3.jpg
+++ b/src/assets/banner3.jpg
--- a/src/assets/banner3.png
+++ b/src/assets/banner3.png
--- a/src/assets/banner3Tit.png
+++ b/src/assets/banner3Tit.png
--- a/src/assets/banner4.jpg
+++ b/src/assets/banner4.jpg
--- a/src/assets/bg.png
+++ b/src/assets/bg.png
--- a/src/assets/blueLine.png
+++ b/src/assets/blueLine.png
--- a/src/assets/blueLine2.png
+++ b/src/assets/blueLine2.png
--- a/src/assets/blueLine3.png
+++ b/src/assets/blueLine3.png
--- a/src/assets/bottomBg.jpg
+++ b/src/assets/bottomBg.jpg
--- a/src/assets/bottomBt.png
+++ b/src/assets/bottomBt.png
--- a/src/assets/box1.png
+++ b/src/assets/box1.png
--- a/src/assets/box2.png
+++ b/src/assets/box2.png
--- a/src/assets/cost.png
+++ b/src/assets/cost.png
--- a/src/assets/cost1.png
+++ b/src/assets/cost1.png
--- a/src/assets/css/global.css
+++ b/src/assets/css/global.css
@@ -0,0 +1,60 @@
 
				+@charset "UTF-8";
			
 
				+body {
			
 
				+  font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif;
			
 
				+  font-weight: 400;
			
 
				+  font-size: 14px;
			
 
				+  color: #333;
			
 
				+  -webkit-font-smoothing: antialiased;
			
 
				+}
			
 
				+a {
			
 
				+  /* color: #333 !important; */
			
 
				+  text-decoration: none !important;
			
 
				+}
			
 
				+a:focus,
			
 
				+a:hover {
			
 
				+  color: #195ba5 !important;
			
 
				+  text-decoration: none !important;
			
 
				+}
			
 
				+a:active {
			
 
				+  color: #195ba5 !important;
			
 
				+  text-decoration: none !important;
			
 
				+}
			
 
				+
			
 
				+sub,
			
 
				+sup {
			
 
				+  font-size: 13px;
			
 
				+}
			
 
				+small {
			
 
				+  font-size: 12px;
			
 
				+}
			
 
				+hr {
			
 
				+  margin-top: 20px;
			
 
				+  margin-bottom: 20px;
			
 
				+  border: 0;
			
 
				+  border-top: 1px solid #eee;
			
 
				+}
			
 
				+.navbar-toggler {
			
 
				+  border: 0 !important;
			
 
				+}
			
 
				+p {
			
 
				+  margin-bottom: 0;
			
 
				+}
			
 
				+::-webkit-scrollbar {
			
 
				+  width: 4px;
			
 
				+}
			
 
				+::-webkit-scrollbar-track {
			
 
				+  background-color: #f5f5f5;
			
 
				+  border-radius: 10px;
			
 
				+} /* 滚动条的滑轨背景颜色 */
			
 
				+
			
 
				+::-webkit-scrollbar-thumb {
			
 
				+  background-color: rgba(0, 76, 161, 0.5);
			
 
				+} /* 滑块颜色 */
			
 
				+
			
 
				+::-webkit-scrollbar-button {
			
 
				+  background-color: #f5f5f5;
			
 
				+} /* 滑轨两头的监听按钮颜色 */
			
 
				+
			
 
				+::-webkit-scrollbar-corner {
			
 
				+  background-color: #f5f5f5;
			
 
				+} /* 横向滚动条和纵向滚动条相交处尖角的颜色 */
			
--- a/src/assets/css/index.css
+++ b/src/assets/css/index.css
--- a/src/assets/css/quill.bubble.css
+++ b/src/assets/css/quill.bubble.css
@@ -0,0 +1,952 @@
 
				+/*!
			
 
				+ * Quill Editor v1.3.7
			
 
				+ * https://quilljs.com/
			
 
				+ * Copyright (c) 2014, Jason Chen
			
 
				+ * Copyright (c) 2013, salesforce.com
			
 
				+ */
			
 
				+.ql-container {
			
 
				+  box-sizing: border-box;
			
 
				+  font-family: Helvetica, Arial, sans-serif;
			
 
				+  font-size: 13px;
			
 
				+  height: 100%;
			
 
				+  margin: 0px;
			
 
				+  position: relative;
			
 
				+}
			
 
				+.ql-container.ql-disabled .ql-tooltip {
			
 
				+  visibility: hidden;
			
 
				+}
			
 
				+.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
			
 
				+  pointer-events: none;
			
 
				+}
			
 
				+.ql-clipboard {
			
 
				+  left: -100000px;
			
 
				+  height: 1px;
			
 
				+  overflow-y: hidden;
			
 
				+  position: absolute;
			
 
				+  top: 50%;
			
 
				+}
			
 
				+.ql-clipboard p {
			
 
				+  margin: 0;
			
 
				+  padding: 0;
			
 
				+}
			
 
				+.ql-editor {
			
 
				+  box-sizing: border-box;
			
 
				+  line-height: 1.42;
			
 
				+  height: 100%;
			
 
				+  outline: none;
			
 
				+  overflow-y: auto;
			
 
				+  padding: 12px 15px;
			
 
				+  tab-size: 4;
			
 
				+  -moz-tab-size: 4;
			
 
				+  text-align: left;
			
 
				+  white-space: pre-wrap;
			
 
				+  word-wrap: break-word;
			
 
				+}
			
 
				+.ql-editor > * {
			
 
				+  cursor: text;
			
 
				+}
			
 
				+.ql-editor p,
			
 
				+.ql-editor ol,
			
 
				+.ql-editor ul,
			
 
				+.ql-editor pre,
			
 
				+.ql-editor blockquote,
			
 
				+.ql-editor h1,
			
 
				+.ql-editor h2,
			
 
				+.ql-editor h3,
			
 
				+.ql-editor h4,
			
 
				+.ql-editor h5,
			
 
				+.ql-editor h6 {
			
 
				+  margin: 0;
			
 
				+  padding: 0;
			
 
				+  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
			
 
				+}
			
 
				+.ql-editor ol,
			
 
				+.ql-editor ul {
			
 
				+  padding-left: 1.5em;
			
 
				+}
			
 
				+.ql-editor ol > li,
			
 
				+.ql-editor ul > li {
			
 
				+  list-style-type: none;
			
 
				+}
			
 
				+.ql-editor ul > li::before {
			
 
				+  content: '\2022';
			
 
				+}
			
 
				+.ql-editor ul[data-checked='true'],
			
 
				+.ql-editor ul[data-checked='false'] {
			
 
				+  pointer-events: none;
			
 
				+}
			
 
				+.ql-editor ul[data-checked='true'] > li *,
			
 
				+.ql-editor ul[data-checked='false'] > li * {
			
 
				+  pointer-events: all;
			
 
				+}
			
 
				+.ql-editor ul[data-checked='true'] > li::before,
			
 
				+.ql-editor ul[data-checked='false'] > li::before {
			
 
				+  color: #777;
			
 
				+  cursor: pointer;
			
 
				+  pointer-events: all;
			
 
				+}
			
 
				+.ql-editor ul[data-checked='true'] > li::before {
			
 
				+  content: '\2611';
			
 
				+}
			
 
				+.ql-editor ul[data-checked='false'] > li::before {
			
 
				+  content: '\2610';
			
 
				+}
			
 
				+.ql-editor li::before {
			
 
				+  display: inline-block;
			
 
				+  white-space: nowrap;
			
 
				+  width: 1.2em;
			
 
				+}
			
 
				+.ql-editor li:not(.ql-direction-rtl)::before {
			
 
				+  margin-left: -1.5em;
			
 
				+  margin-right: 0.3em;
			
 
				+  text-align: right;
			
 
				+}
			
 
				+.ql-editor li.ql-direction-rtl::before {
			
 
				+  margin-left: 0.3em;
			
 
				+  margin-right: -1.5em;
			
 
				+}
			
 
				+.ql-editor ol li:not(.ql-direction-rtl),
			
 
				+.ql-editor ul li:not(.ql-direction-rtl) {
			
 
				+  padding-left: 1.5em;
			
 
				+}
			
 
				+.ql-editor ol li.ql-direction-rtl,
			
 
				+.ql-editor ul li.ql-direction-rtl {
			
 
				+  padding-right: 1.5em;
			
 
				+}
			
 
				+.ql-editor ol li {
			
 
				+  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
			
 
				+  counter-increment: list-0;
			
 
				+}
			
 
				+.ql-editor ol li:before {
			
 
				+  content: counter(list-0, decimal) '. ';
			
 
				+}
			
 
				+.ql-editor ol li.ql-indent-1 {
			
 
				+  counter-increment: list-1;
			
 
				+}
			
 
				+.ql-editor ol li.ql-indent-1:before {
			
 
				+  content: counter(list-1, lower-alpha) '. ';
			
 
				+}
			
 
				+.ql-editor ol li.ql-indent-1 {
			
 
				+  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
			
 
				+}
			
 
				+.ql-editor ol li.ql-indent-2 {
			
 
				+  counter-increment: list-2;
			
 
				+}
			
 
				+.ql-editor ol li.ql-indent-2:before {
			
 
				+  content: counter(list-2, lower-roman) '. ';
			
 
				+}
			
 
				+.ql-editor ol li.ql-indent-2 {
			
 
				+  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
			
 
				+}
			
 
				+.ql-editor ol li.ql-indent-3 {
			
 
				+  counter-increment: list-3;
			
 
				+}
			
 
				+.ql-editor ol li.ql-indent-3:before {
			
 
				+  content: counter(list-3, decimal) '. ';
			
 
				+}
			
 
				+.ql-editor ol li.ql-indent-3 {
			
 
				+  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
			
 
				+}
			
 
				+.ql-editor ol li.ql-indent-4 {
			
 
				+  counter-increment: list-4;
			
 
				+}
			
 
				+.ql-editor ol li.ql-indent-4:before {
			
 
				+  content: counter(list-4, lower-alpha) '. ';
			
 
				+}
			
 
				+.ql-editor ol li.ql-indent-4 {
			
 
				+  counter-reset: list-5 list-6 list-7 list-8 list-9;
			
 
				+}
			
 
				+.ql-editor ol li.ql-indent-5 {
			
 
				+  counter-increment: list-5;
			
 
				+}
			
 
				+.ql-editor ol li.ql-indent-5:before {
			
 
				+  content: counter(list-5, lower-roman) '. ';
			
 
				+}
			
 
				+.ql-editor ol li.ql-indent-5 {
			
 
				+  counter-reset: list-6 list-7 list-8 list-9;
			
 
				+}
			
 
				+.ql-editor ol li.ql-indent-6 {
			
 
				+  counter-increment: list-6;
			
 
				+}
			
 
				+.ql-editor ol li.ql-indent-6:before {
			
 
				+  content: counter(list-6, decimal) '. ';
			
 
				+}
			
 
				+.ql-editor ol li.ql-indent-6 {
			
 
				+  counter-reset: list-7 list-8 list-9;
			
 
				+}
			
 
				+.ql-editor ol li.ql-indent-7 {
			
 
				+  counter-increment: list-7;
			
 
				+}
			
 
				+.ql-editor ol li.ql-indent-7:before {
			
 
				+  content: counter(list-7, lower-alpha) '. ';
			
 
				+}
			
 
				+.ql-editor ol li.ql-indent-7 {
			
 
				+  counter-reset: list-8 list-9;
			
 
				+}
			
 
				+.ql-editor ol li.ql-indent-8 {
			
 
				+  counter-increment: list-8;
			
 
				+}
			
 
				+.ql-editor ol li.ql-indent-8:before {
			
 
				+  content: counter(list-8, lower-roman) '. ';
			
 
				+}
			
 
				+.ql-editor ol li.ql-indent-8 {
			
 
				+  counter-reset: list-9;
			
 
				+}
			
 
				+.ql-editor ol li.ql-indent-9 {
			
 
				+  counter-increment: list-9;
			
 
				+}
			
 
				+.ql-editor ol li.ql-indent-9:before {
			
 
				+  content: counter(list-9, decimal) '. ';
			
 
				+}
			
 
				+.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
			
 
				+  padding-left: 3em;
			
 
				+}
			
 
				+.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
			
 
				+  padding-left: 4.5em;
			
 
				+}
			
 
				+.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
			
 
				+  padding-right: 3em;
			
 
				+}
			
 
				+.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
			
 
				+  padding-right: 4.5em;
			
 
				+}
			
 
				+.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
			
 
				+  padding-left: 6em;
			
 
				+}
			
 
				+.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
			
 
				+  padding-left: 7.5em;
			
 
				+}
			
 
				+.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
			
 
				+  padding-right: 6em;
			
 
				+}
			
 
				+.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
			
 
				+  padding-right: 7.5em;
			
 
				+}
			
 
				+.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
			
 
				+  padding-left: 9em;
			
 
				+}
			
 
				+.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
			
 
				+  padding-left: 10.5em;
			
 
				+}
			
 
				+.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
			
 
				+  padding-right: 9em;
			
 
				+}
			
 
				+.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
			
 
				+  padding-right: 10.5em;
			
 
				+}
			
 
				+.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
			
 
				+  padding-left: 12em;
			
 
				+}
			
 
				+.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
			
 
				+  padding-left: 13.5em;
			
 
				+}
			
 
				+.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
			
 
				+  padding-right: 12em;
			
 
				+}
			
 
				+.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
			
 
				+  padding-right: 13.5em;
			
 
				+}
			
 
				+.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
			
 
				+  padding-left: 15em;
			
 
				+}
			
 
				+.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
			
 
				+  padding-left: 16.5em;
			
 
				+}
			
 
				+.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
			
 
				+  padding-right: 15em;
			
 
				+}
			
 
				+.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
			
 
				+  padding-right: 16.5em;
			
 
				+}
			
 
				+.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
			
 
				+  padding-left: 18em;
			
 
				+}
			
 
				+.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
			
 
				+  padding-left: 19.5em;
			
 
				+}
			
 
				+.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
			
 
				+  padding-right: 18em;
			
 
				+}
			
 
				+.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
			
 
				+  padding-right: 19.5em;
			
 
				+}
			
 
				+.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
			
 
				+  padding-left: 21em;
			
 
				+}
			
 
				+.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
			
 
				+  padding-left: 22.5em;
			
 
				+}
			
 
				+.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
			
 
				+  padding-right: 21em;
			
 
				+}
			
 
				+.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
			
 
				+  padding-right: 22.5em;
			
 
				+}
			
 
				+.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
			
 
				+  padding-left: 24em;
			
 
				+}
			
 
				+.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
			
 
				+  padding-left: 25.5em;
			
 
				+}
			
 
				+.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
			
 
				+  padding-right: 24em;
			
 
				+}
			
 
				+.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
			
 
				+  padding-right: 25.5em;
			
 
				+}
			
 
				+.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
			
 
				+  padding-left: 27em;
			
 
				+}
			
 
				+.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
			
 
				+  padding-left: 28.5em;
			
 
				+}
			
 
				+.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
			
 
				+  padding-right: 27em;
			
 
				+}
			
 
				+.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
			
 
				+  padding-right: 28.5em;
			
 
				+}
			
 
				+.ql-editor .ql-video {
			
 
				+  display: block;
			
 
				+  max-width: 100%;
			
 
				+}
			
 
				+.ql-editor .ql-video.ql-align-center {
			
 
				+  margin: 0 auto;
			
 
				+}
			
 
				+.ql-editor .ql-video.ql-align-right {
			
 
				+  margin: 0 0 0 auto;
			
 
				+}
			
 
				+.ql-editor .ql-bg-black {
			
 
				+  background-color: #000;
			
 
				+}
			
 
				+.ql-editor .ql-bg-red {
			
 
				+  background-color: #e60000;
			
 
				+}
			
 
				+.ql-editor .ql-bg-orange {
			
 
				+  background-color: #f90;
			
 
				+}
			
 
				+.ql-editor .ql-bg-yellow {
			
 
				+  background-color: #ff0;
			
 
				+}
			
 
				+.ql-editor .ql-bg-green {
			
 
				+  background-color: #008a00;
			
 
				+}
			
 
				+.ql-editor .ql-bg-blue {
			
 
				+  background-color: #06c;
			
 
				+}
			
 
				+.ql-editor .ql-bg-purple {
			
 
				+  background-color: #93f;
			
 
				+}
			
 
				+.ql-editor .ql-color-white {
			
 
				+  color: #fff;
			
 
				+}
			
 
				+.ql-editor .ql-color-red {
			
 
				+  color: #e60000;
			
 
				+}
			
 
				+.ql-editor .ql-color-orange {
			
 
				+  color: #f90;
			
 
				+}
			
 
				+.ql-editor .ql-color-yellow {
			
 
				+  color: #ff0;
			
 
				+}
			
 
				+.ql-editor .ql-color-green {
			
 
				+  color: #008a00;
			
 
				+}
			
 
				+.ql-editor .ql-color-blue {
			
 
				+  color: #06c;
			
 
				+}
			
 
				+.ql-editor .ql-color-purple {
			
 
				+  color: #93f;
			
 
				+}
			
 
				+.ql-editor .ql-font-serif {
			
 
				+  font-family: Georgia, Times New Roman, serif;
			
 
				+}
			
 
				+.ql-editor .ql-font-monospace {
			
 
				+  font-family: Monaco, Courier New, monospace;
			
 
				+}
			
 
				+.ql-editor .ql-size-small {
			
 
				+  font-size: 0.75em;
			
 
				+}
			
 
				+.ql-editor .ql-size-large {
			
 
				+  font-size: 1.5em;
			
 
				+}
			
 
				+.ql-editor .ql-size-huge {
			
 
				+  font-size: 2.5em;
			
 
				+}
			
 
				+.ql-editor .ql-direction-rtl {
			
 
				+  direction: rtl;
			
 
				+  text-align: inherit;
			
 
				+}
			
 
				+.ql-editor .ql-align-center {
			
 
				+  text-align: center;
			
 
				+}
			
 
				+.ql-editor .ql-align-justify {
			
 
				+  text-align: justify;
			
 
				+}
			
 
				+.ql-editor .ql-align-right {
			
 
				+  text-align: right;
			
 
				+}
			
 
				+.ql-editor.ql-blank::before {
			
 
				+  color: rgba(0, 0, 0, 0.6);
			
 
				+  content: attr(data-placeholder);
			
 
				+  font-style: italic;
			
 
				+  left: 15px;
			
 
				+  pointer-events: none;
			
 
				+  position: absolute;
			
 
				+  right: 15px;
			
 
				+}
			
 
				+.ql-bubble.ql-toolbar:after,
			
 
				+.ql-bubble .ql-toolbar:after {
			
 
				+  clear: both;
			
 
				+  content: '';
			
 
				+  display: table;
			
 
				+}
			
 
				+.ql-bubble.ql-toolbar button,
			
 
				+.ql-bubble .ql-toolbar button {
			
 
				+  background: none;
			
 
				+  border: none;
			
 
				+  cursor: pointer;
			
 
				+  display: inline-block;
			
 
				+  float: left;
			
 
				+  height: 24px;
			
 
				+  padding: 3px 5px;
			
 
				+  width: 28px;
			
 
				+}
			
 
				+.ql-bubble.ql-toolbar button svg,
			
 
				+.ql-bubble .ql-toolbar button svg {
			
 
				+  float: left;
			
 
				+  height: 100%;
			
 
				+}
			
 
				+.ql-bubble.ql-toolbar button:active:hover,
			
 
				+.ql-bubble .ql-toolbar button:active:hover {
			
 
				+  outline: none;
			
 
				+}
			
 
				+.ql-bubble.ql-toolbar input.ql-image[type='file'],
			
 
				+.ql-bubble .ql-toolbar input.ql-image[type='file'] {
			
 
				+  display: none;
			
 
				+}
			
 
				+.ql-bubble.ql-toolbar button:hover,
			
 
				+.ql-bubble .ql-toolbar button:hover,
			
 
				+.ql-bubble.ql-toolbar button:focus,
			
 
				+.ql-bubble .ql-toolbar button:focus,
			
 
				+.ql-bubble.ql-toolbar button.ql-active,
			
 
				+.ql-bubble .ql-toolbar button.ql-active,
			
 
				+.ql-bubble.ql-toolbar .ql-picker-label:hover,
			
 
				+.ql-bubble .ql-toolbar .ql-picker-label:hover,
			
 
				+.ql-bubble.ql-toolbar .ql-picker-label.ql-active,
			
 
				+.ql-bubble .ql-toolbar .ql-picker-label.ql-active,
			
 
				+.ql-bubble.ql-toolbar .ql-picker-item:hover,
			
 
				+.ql-bubble .ql-toolbar .ql-picker-item:hover,
			
 
				+.ql-bubble.ql-toolbar .ql-picker-item.ql-selected,
			
 
				+.ql-bubble .ql-toolbar .ql-picker-item.ql-selected {
			
 
				+  color: #fff;
			
 
				+}
			
 
				+.ql-bubble.ql-toolbar button:hover .ql-fill,
			
 
				+.ql-bubble .ql-toolbar button:hover .ql-fill,
			
 
				+.ql-bubble.ql-toolbar button:focus .ql-fill,
			
 
				+.ql-bubble .ql-toolbar button:focus .ql-fill,
			
 
				+.ql-bubble.ql-toolbar button.ql-active .ql-fill,
			
 
				+.ql-bubble .ql-toolbar button.ql-active .ql-fill,
			
 
				+.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-fill,
			
 
				+.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-fill,
			
 
				+.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-fill,
			
 
				+.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-fill,
			
 
				+.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-fill,
			
 
				+.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-fill,
			
 
				+.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
			
 
				+.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
			
 
				+.ql-bubble.ql-toolbar button:hover .ql-stroke.ql-fill,
			
 
				+.ql-bubble .ql-toolbar button:hover .ql-stroke.ql-fill,
			
 
				+.ql-bubble.ql-toolbar button:focus .ql-stroke.ql-fill,
			
 
				+.ql-bubble .ql-toolbar button:focus .ql-stroke.ql-fill,
			
 
				+.ql-bubble.ql-toolbar button.ql-active .ql-stroke.ql-fill,
			
 
				+.ql-bubble .ql-toolbar button.ql-active .ql-stroke.ql-fill,
			
 
				+.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
			
 
				+.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
			
 
				+.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
			
 
				+.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
			
 
				+.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
			
 
				+.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
			
 
				+.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
			
 
				+.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
			
 
				+  fill: #fff;
			
 
				+}
			
 
				+.ql-bubble.ql-toolbar button:hover .ql-stroke,
			
 
				+.ql-bubble .ql-toolbar button:hover .ql-stroke,
			
 
				+.ql-bubble.ql-toolbar button:focus .ql-stroke,
			
 
				+.ql-bubble .ql-toolbar button:focus .ql-stroke,
			
 
				+.ql-bubble.ql-toolbar button.ql-active .ql-stroke,
			
 
				+.ql-bubble .ql-toolbar button.ql-active .ql-stroke,
			
 
				+.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke,
			
 
				+.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke,
			
 
				+.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
			
 
				+.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
			
 
				+.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke,
			
 
				+.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke,
			
 
				+.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
			
 
				+.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
			
 
				+.ql-bubble.ql-toolbar button:hover .ql-stroke-miter,
			
 
				+.ql-bubble .ql-toolbar button:hover .ql-stroke-miter,
			
 
				+.ql-bubble.ql-toolbar button:focus .ql-stroke-miter,
			
 
				+.ql-bubble .ql-toolbar button:focus .ql-stroke-miter,
			
 
				+.ql-bubble.ql-toolbar button.ql-active .ql-stroke-miter,
			
 
				+.ql-bubble .ql-toolbar button.ql-active .ql-stroke-miter,
			
 
				+.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
			
 
				+.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
			
 
				+.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
			
 
				+.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
			
 
				+.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
			
 
				+.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
			
 
				+.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
			
 
				+.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
			
 
				+  stroke: #fff;
			
 
				+}
			
 
				+@media (pointer: coarse) {
			
 
				+  .ql-bubble.ql-toolbar button:hover:not(.ql-active),
			
 
				+  .ql-bubble .ql-toolbar button:hover:not(.ql-active) {
			
 
				+    color: #ccc;
			
 
				+  }
			
 
				+  .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-fill,
			
 
				+  .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-fill,
			
 
				+  .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
			
 
				+  .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
			
 
				+    fill: #ccc;
			
 
				+  }
			
 
				+  .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
			
 
				+  .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
			
 
				+  .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
			
 
				+  .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
			
 
				+    stroke: #ccc;
			
 
				+  }
			
 
				+}
			
 
				+.ql-bubble {
			
 
				+  box-sizing: border-box;
			
 
				+}
			
 
				+.ql-bubble * {
			
 
				+  box-sizing: border-box;
			
 
				+}
			
 
				+.ql-bubble .ql-hidden {
			
 
				+  display: none;
			
 
				+}
			
 
				+.ql-bubble .ql-out-bottom,
			
 
				+.ql-bubble .ql-out-top {
			
 
				+  visibility: hidden;
			
 
				+}
			
 
				+.ql-bubble .ql-tooltip {
			
 
				+  position: absolute;
			
 
				+  transform: translateY(10px);
			
 
				+}
			
 
				+.ql-bubble .ql-tooltip a {
			
 
				+  cursor: pointer;
			
 
				+  text-decoration: none;
			
 
				+}
			
 
				+.ql-bubble .ql-tooltip.ql-flip {
			
 
				+  transform: translateY(-10px);
			
 
				+}
			
 
				+.ql-bubble .ql-formats {
			
 
				+  display: inline-block;
			
 
				+  vertical-align: middle;
			
 
				+}
			
 
				+.ql-bubble .ql-formats:after {
			
 
				+  clear: both;
			
 
				+  content: '';
			
 
				+  display: table;
			
 
				+}
			
 
				+.ql-bubble .ql-stroke {
			
 
				+  fill: none;
			
 
				+  stroke: #ccc;
			
 
				+  stroke-linecap: round;
			
 
				+  stroke-linejoin: round;
			
 
				+  stroke-width: 2;
			
 
				+}
			
 
				+.ql-bubble .ql-stroke-miter {
			
 
				+  fill: none;
			
 
				+  stroke: #ccc;
			
 
				+  stroke-miterlimit: 10;
			
 
				+  stroke-width: 2;
			
 
				+}
			
 
				+.ql-bubble .ql-fill,
			
 
				+.ql-bubble .ql-stroke.ql-fill {
			
 
				+  fill: #ccc;
			
 
				+}
			
 
				+.ql-bubble .ql-empty {
			
 
				+  fill: none;
			
 
				+}
			
 
				+.ql-bubble .ql-even {
			
 
				+  fill-rule: evenodd;
			
 
				+}
			
 
				+.ql-bubble .ql-thin,
			
 
				+.ql-bubble .ql-stroke.ql-thin {
			
 
				+  stroke-width: 1;
			
 
				+}
			
 
				+.ql-bubble .ql-transparent {
			
 
				+  opacity: 0.4;
			
 
				+}
			
 
				+.ql-bubble .ql-direction svg:last-child {
			
 
				+  display: none;
			
 
				+}
			
 
				+.ql-bubble .ql-direction.ql-active svg:last-child {
			
 
				+  display: inline;
			
 
				+}
			
 
				+.ql-bubble .ql-direction.ql-active svg:first-child {
			
 
				+  display: none;
			
 
				+}
			
 
				+.ql-bubble .ql-editor h1 {
			
 
				+  font-size: 2em;
			
 
				+}
			
 
				+.ql-bubble .ql-editor h2 {
			
 
				+  font-size: 1.5em;
			
 
				+}
			
 
				+.ql-bubble .ql-editor h3 {
			
 
				+  font-size: 1.17em;
			
 
				+}
			
 
				+.ql-bubble .ql-editor h4 {
			
 
				+  font-size: 1em;
			
 
				+}
			
 
				+.ql-bubble .ql-editor h5 {
			
 
				+  font-size: 0.83em;
			
 
				+}
			
 
				+.ql-bubble .ql-editor h6 {
			
 
				+  font-size: 0.67em;
			
 
				+}
			
 
				+.ql-bubble .ql-editor a {
			
 
				+  text-decoration: underline;
			
 
				+}
			
 
				+.ql-bubble .ql-editor blockquote {
			
 
				+  border-left: 4px solid #ccc;
			
 
				+  margin-bottom: 5px;
			
 
				+  margin-top: 5px;
			
 
				+  padding-left: 16px;
			
 
				+}
			
 
				+.ql-bubble .ql-editor code,
			
 
				+.ql-bubble .ql-editor pre {
			
 
				+  background-color: #f0f0f0;
			
 
				+  border-radius: 3px;
			
 
				+}
			
 
				+.ql-bubble .ql-editor pre {
			
 
				+  white-space: pre-wrap;
			
 
				+  margin-bottom: 5px;
			
 
				+  margin-top: 5px;
			
 
				+  padding: 5px 10px;
			
 
				+}
			
 
				+.ql-bubble .ql-editor code {
			
 
				+  font-size: 85%;
			
 
				+  padding: 2px 4px;
			
 
				+}
			
 
				+.ql-bubble .ql-editor pre.ql-syntax {
			
 
				+  background-color: #23241f;
			
 
				+  color: #f8f8f2;
			
 
				+  overflow: visible;
			
 
				+}
			
 
				+.ql-bubble .ql-editor img {
			
 
				+  max-width: 100%;
			
 
				+}
			
 
				+.ql-bubble .ql-picker {
			
 
				+  color: #ccc;
			
 
				+  display: inline-block;
			
 
				+  float: left;
			
 
				+  font-size: 14px;
			
 
				+  font-weight: 500;
			
 
				+  height: 24px;
			
 
				+  position: relative;
			
 
				+  vertical-align: middle;
			
 
				+}
			
 
				+.ql-bubble .ql-picker-label {
			
 
				+  cursor: pointer;
			
 
				+  display: inline-block;
			
 
				+  height: 100%;
			
 
				+  padding-left: 8px;
			
 
				+  padding-right: 2px;
			
 
				+  position: relative;
			
 
				+  width: 100%;
			
 
				+}
			
 
				+.ql-bubble .ql-picker-label::before {
			
 
				+  display: inline-block;
			
 
				+  line-height: 22px;
			
 
				+}
			
 
				+.ql-bubble .ql-picker-options {
			
 
				+  background-color: #444;
			
 
				+  display: none;
			
 
				+  min-width: 100%;
			
 
				+  padding: 4px 8px;
			
 
				+  position: absolute;
			
 
				+  white-space: nowrap;
			
 
				+}
			
 
				+.ql-bubble .ql-picker-options .ql-picker-item {
			
 
				+  cursor: pointer;
			
 
				+  display: block;
			
 
				+  padding-bottom: 5px;
			
 
				+  padding-top: 5px;
			
 
				+}
			
 
				+.ql-bubble .ql-picker.ql-expanded .ql-picker-label {
			
 
				+  color: #777;
			
 
				+  z-index: 2;
			
 
				+}
			
 
				+.ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-fill {
			
 
				+  fill: #777;
			
 
				+}
			
 
				+.ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
			
 
				+  stroke: #777;
			
 
				+}
			
 
				+.ql-bubble .ql-picker.ql-expanded .ql-picker-options {
			
 
				+  display: block;
			
 
				+  margin-top: -1px;
			
 
				+  top: 100%;
			
 
				+  z-index: 1;
			
 
				+}
			
 
				+.ql-bubble .ql-color-picker,
			
 
				+.ql-bubble .ql-icon-picker {
			
 
				+  width: 28px;
			
 
				+}
			
 
				+.ql-bubble .ql-color-picker .ql-picker-label,
			
 
				+.ql-bubble .ql-icon-picker .ql-picker-label {
			
 
				+  padding: 2px 4px;
			
 
				+}
			
 
				+.ql-bubble .ql-color-picker .ql-picker-label svg,
			
 
				+.ql-bubble .ql-icon-picker .ql-picker-label svg {
			
 
				+  right: 4px;
			
 
				+}
			
 
				+.ql-bubble .ql-icon-picker .ql-picker-options {
			
 
				+  padding: 4px 0px;
			
 
				+}
			
 
				+.ql-bubble .ql-icon-picker .ql-picker-item {
			
 
				+  height: 24px;
			
 
				+  width: 24px;
			
 
				+  padding: 2px 4px;
			
 
				+}
			
 
				+.ql-bubble .ql-color-picker .ql-picker-options {
			
 
				+  padding: 3px 5px;
			
 
				+  width: 152px;
			
 
				+}
			
 
				+.ql-bubble .ql-color-picker .ql-picker-item {
			
 
				+  border: 1px solid transparent;
			
 
				+  float: left;
			
 
				+  height: 16px;
			
 
				+  margin: 2px;
			
 
				+  padding: 0px;
			
 
				+  width: 16px;
			
 
				+}
			
 
				+.ql-bubble .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
			
 
				+  position: absolute;
			
 
				+  margin-top: -9px;
			
 
				+  right: 0;
			
 
				+  top: 50%;
			
 
				+  width: 18px;
			
 
				+}
			
 
				+.ql-bubble .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
			
 
				+.ql-bubble .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
			
 
				+.ql-bubble .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
			
 
				+.ql-bubble .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
			
 
				+.ql-bubble .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
			
 
				+.ql-bubble .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
			
 
				+  content: attr(data-label);
			
 
				+}
			
 
				+.ql-bubble .ql-picker.ql-header {
			
 
				+  width: 98px;
			
 
				+}
			
 
				+.ql-bubble .ql-picker.ql-header .ql-picker-label::before,
			
 
				+.ql-bubble .ql-picker.ql-header .ql-picker-item::before {
			
 
				+  content: 'Normal';
			
 
				+}
			
 
				+.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value='1']::before,
			
 
				+.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value='1']::before {
			
 
				+  content: 'Heading 1';
			
 
				+}
			
 
				+.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value='2']::before,
			
 
				+.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value='2']::before {
			
 
				+  content: 'Heading 2';
			
 
				+}
			
 
				+.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value='3']::before,
			
 
				+.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value='3']::before {
			
 
				+  content: 'Heading 3';
			
 
				+}
			
 
				+.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value='4']::before,
			
 
				+.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value='4']::before {
			
 
				+  content: 'Heading 4';
			
 
				+}
			
 
				+.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value='5']::before,
			
 
				+.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value='5']::before {
			
 
				+  content: 'Heading 5';
			
 
				+}
			
 
				+.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value='6']::before,
			
 
				+.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value='6']::before {
			
 
				+  content: 'Heading 6';
			
 
				+}
			
 
				+.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value='1']::before {
			
 
				+  font-size: 2em;
			
 
				+}
			
 
				+.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value='2']::before {
			
 
				+  font-size: 1.5em;
			
 
				+}
			
 
				+.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value='3']::before {
			
 
				+  font-size: 1.17em;
			
 
				+}
			
 
				+.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value='4']::before {
			
 
				+  font-size: 1em;
			
 
				+}
			
 
				+.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value='5']::before {
			
 
				+  font-size: 0.83em;
			
 
				+}
			
 
				+.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value='6']::before {
			
 
				+  font-size: 0.67em;
			
 
				+}
			
 
				+.ql-bubble .ql-picker.ql-font {
			
 
				+  width: 108px;
			
 
				+}
			
 
				+.ql-bubble .ql-picker.ql-font .ql-picker-label::before,
			
 
				+.ql-bubble .ql-picker.ql-font .ql-picker-item::before {
			
 
				+  content: 'Sans Serif';
			
 
				+}
			
 
				+.ql-bubble .ql-picker.ql-font .ql-picker-label[data-value='serif']::before,
			
 
				+.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value='serif']::before {
			
 
				+  content: 'Serif';
			
 
				+}
			
 
				+.ql-bubble .ql-picker.ql-font .ql-picker-label[data-value='monospace']::before,
			
 
				+.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value='monospace']::before {
			
 
				+  content: 'Monospace';
			
 
				+}
			
 
				+.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value='serif']::before {
			
 
				+  font-family: Georgia, Times New Roman, serif;
			
 
				+}
			
 
				+.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value='monospace']::before {
			
 
				+  font-family: Monaco, Courier New, monospace;
			
 
				+}
			
 
				+.ql-bubble .ql-picker.ql-size {
			
 
				+  width: 98px;
			
 
				+}
			
 
				+.ql-bubble .ql-picker.ql-size .ql-picker-label::before,
			
 
				+.ql-bubble .ql-picker.ql-size .ql-picker-item::before {
			
 
				+  content: 'Normal';
			
 
				+}
			
 
				+.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value='small']::before,
			
 
				+.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value='small']::before {
			
 
				+  content: 'Small';
			
 
				+}
			
 
				+.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value='large']::before,
			
 
				+.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value='large']::before {
			
 
				+  content: 'Large';
			
 
				+}
			
 
				+.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value='huge']::before,
			
 
				+.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value='huge']::before {
			
 
				+  content: 'Huge';
			
 
				+}
			
 
				+.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value='small']::before {
			
 
				+  font-size: 10px;
			
 
				+}
			
 
				+.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value='large']::before {
			
 
				+  font-size: 18px;
			
 
				+}
			
 
				+.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value='huge']::before {
			
 
				+  font-size: 32px;
			
 
				+}
			
 
				+.ql-bubble .ql-color-picker.ql-background .ql-picker-item {
			
 
				+  background-color: #fff;
			
 
				+}
			
 
				+.ql-bubble .ql-color-picker.ql-color .ql-picker-item {
			
 
				+  background-color: #000;
			
 
				+}
			
 
				+.ql-bubble .ql-toolbar .ql-formats {
			
 
				+  margin: 8px 12px 8px 0px;
			
 
				+}
			
 
				+.ql-bubble .ql-toolbar .ql-formats:first-child {
			
 
				+  margin-left: 12px;
			
 
				+}
			
 
				+.ql-bubble .ql-color-picker svg {
			
 
				+  margin: 1px;
			
 
				+}
			
 
				+.ql-bubble .ql-color-picker .ql-picker-item.ql-selected,
			
 
				+.ql-bubble .ql-color-picker .ql-picker-item:hover {
			
 
				+  border-color: #fff;
			
 
				+}
			
 
				+.ql-bubble .ql-tooltip {
			
 
				+  background-color: #444;
			
 
				+  border-radius: 25px;
			
 
				+  color: #fff;
			
 
				+}
			
 
				+.ql-bubble .ql-tooltip-arrow {
			
 
				+  border-left: 6px solid transparent;
			
 
				+  border-right: 6px solid transparent;
			
 
				+  content: ' ';
			
 
				+  display: block;
			
 
				+  left: 50%;
			
 
				+  margin-left: -6px;
			
 
				+  position: absolute;
			
 
				+}
			
 
				+.ql-bubble .ql-tooltip:not(.ql-flip) .ql-tooltip-arrow {
			
 
				+  border-bottom: 6px solid #444;
			
 
				+  top: -6px;
			
 
				+}
			
 
				+.ql-bubble .ql-tooltip.ql-flip .ql-tooltip-arrow {
			
 
				+  border-top: 6px solid #444;
			
 
				+  bottom: -6px;
			
 
				+}
			
 
				+.ql-bubble .ql-tooltip.ql-editing .ql-tooltip-editor {
			
 
				+  display: block;
			
 
				+}
			
 
				+.ql-bubble .ql-tooltip.ql-editing .ql-formats {
			
 
				+  visibility: hidden;
			
 
				+}
			
 
				+.ql-bubble .ql-tooltip-editor {
			
 
				+  display: none;
			
 
				+}
			
 
				+.ql-bubble .ql-tooltip-editor input[type='text'] {
			
 
				+  background: transparent;
			
 
				+  border: none;
			
 
				+  color: #fff;
			
 
				+  font-size: 13px;
			
 
				+  height: 100%;
			
 
				+  outline: none;
			
 
				+  padding: 10px 20px;
			
 
				+  position: absolute;
			
 
				+  width: 100%;
			
 
				+}
			
 
				+.ql-bubble .ql-tooltip-editor a {
			
 
				+  top: 10px;
			
 
				+  position: absolute;
			
 
				+  right: 20px;
			
 
				+}
			
 
				+.ql-bubble .ql-tooltip-editor a:before {
			
 
				+  color: #ccc;
			
 
				+  content: '\D7';
			
 
				+  font-size: 16px;
			
 
				+  font-weight: bold;
			
 
				+}
			
 
				+.ql-container.ql-bubble:not(.ql-disabled) a {
			
 
				+  position: relative;
			
 
				+  white-space: nowrap;
			
 
				+}
			
 
				+.ql-container.ql-bubble:not(.ql-disabled) a::before {
			
 
				+  background-color: #444;
			
 
				+  border-radius: 15px;
			
 
				+  top: -5px;
			
 
				+  font-size: 12px;
			
 
				+  color: #fff;
			
 
				+  content: attr(href);
			
 
				+  font-weight: normal;
			
 
				+  overflow: hidden;
			
 
				+  padding: 5px 15px;
			
 
				+  text-decoration: none;
			
 
				+  z-index: 1;
			
 
				+}
			
 
				+.ql-container.ql-bubble:not(.ql-disabled) a::after {
			
 
				+  border-top: 6px solid #444;
			
 
				+  border-left: 6px solid transparent;
			
 
				+  border-right: 6px solid transparent;
			
 
				+  top: 0;
			
 
				+  content: ' ';
			
 
				+  height: 0;
			
 
				+  width: 0;
			
 
				+}
			
 
				+.ql-container.ql-bubble:not(.ql-disabled) a::before,
			
 
				+.ql-container.ql-bubble:not(.ql-disabled) a::after {
			
 
				+  left: 0;
			
 
				+  margin-left: 50%;
			
 
				+  position: absolute;
			
 
				+  transform: translate(-50%, -100%);
			
 
				+  transition: visibility 0s ease 200ms;
			
 
				+  visibility: hidden;
			
 
				+}
			
 
				+.ql-container.ql-bubble:not(.ql-disabled) a:hover::before,
			
 
				+.ql-container.ql-bubble:not(.ql-disabled) a:hover::after {
			
 
				+  visibility: visible;
			
 
				+}
			
--- a/src/assets/css/quill.core.css
+++ b/src/assets/css/quill.core.css
@@ -0,0 +1,397 @@
 
				+/*!
			
 
				+ * Quill Editor v1.3.7
			
 
				+ * https://quilljs.com/
			
 
				+ * Copyright (c) 2014, Jason Chen
			
 
				+ * Copyright (c) 2013, salesforce.com
			
 
				+ */
			
 
				+.ql-container {
			
 
				+  box-sizing: border-box;
			
 
				+  font-family: Helvetica, Arial, sans-serif;
			
 
				+  font-size: 13px;
			
 
				+  height: 100%;
			
 
				+  margin: 0px;
			
 
				+  position: relative;
			
 
				+}
			
 
				+.ql-container.ql-disabled .ql-tooltip {
			
 
				+  visibility: hidden;
			
 
				+}
			
 
				+.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
			
 
				+  pointer-events: none;
			
 
				+}
			
 
				+.ql-clipboard {
			
 
				+  left: -100000px;
			
 
				+  height: 1px;
			
 
				+  overflow-y: hidden;
			
 
				+  position: absolute;
			
 
				+  top: 50%;
			
 
				+}
			
 
				+.ql-clipboard p {
			
 
				+  margin: 0;
			
 
				+  padding: 0;
			
 
				+}
			
 
				+.ql-editor {
			
 
				+  box-sizing: border-box;
			
 
				+  line-height: 1.42;
			
 
				+  height: 100%;
			
 
				+  outline: none;
			
 
				+  overflow-y: auto;
			
 
				+  padding: 12px 15px;
			
 
				+  tab-size: 4;
			
 
				+  -moz-tab-size: 4;
			
 
				+  text-align: left;
			
 
				+  white-space: pre-wrap;
			
 
				+  word-wrap: break-word;
			
 
				+}
			
 
				+.ql-editor > * {
			
 
				+  cursor: text;
			
 
				+}
			
 
				+.ql-editor p,
			
 
				+.ql-editor ol,
			
 
				+.ql-editor ul,
			
 
				+.ql-editor pre,
			
 
				+.ql-editor blockquote,
			
 
				+.ql-editor h1,
			
 
				+.ql-editor h2,
			
 
				+.ql-editor h3,
			
 
				+.ql-editor h4,
			
 
				+.ql-editor h5,
			
 
				+.ql-editor h6 {
			
 
				+  margin: 0;
			
 
				+  padding: 0;
			
 
				+  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
			
 
				+}
			
 
				+.ql-editor ol,
			
 
				+.ql-editor ul {
			
 
				+  padding-left: 1.5em;
			
 
				+}
			
 
				+.ql-editor ol > li,
			
 
				+.ql-editor ul > li {
			
 
				+  list-style-type: none;
			
 
				+}
			
 
				+.ql-editor ul > li::before {
			
 
				+  content: '\2022';
			
 
				+}
			
 
				+.ql-editor ul[data-checked=true],
			
 
				+.ql-editor ul[data-checked=false] {
			
 
				+  pointer-events: none;
			
 
				+}
			
 
				+.ql-editor ul[data-checked=true] > li *,
			
 
				+.ql-editor ul[data-checked=false] > li * {
			
 
				+  pointer-events: all;
			
 
				+}
			
 
				+.ql-editor ul[data-checked=true] > li::before,
			
 
				+.ql-editor ul[data-checked=false] > li::before {
			
 
				+  color: #777;
			
 
				+  cursor: pointer;
			
 
				+  pointer-events: all;
			
 
				+}
			
 
				+.ql-editor ul[data-checked=true] > li::before {
			
 
				+  content: '\2611';
			
 
				+}
			
 
				+.ql-editor ul[data-checked=false] > li::before {
			
 
				+  content: '\2610';
			
 
				+}
			
 
				+.ql-editor li::before {
			
 
				+  display: inline-block;
			
 
				+  white-space: nowrap;
			
 
				+  width: 1.2em;
			
 
				+}
			
 
				+.ql-editor li:not(.ql-direction-rtl)::before {
			
 
				+  margin-left: -1.5em;
			
 
				+  margin-right: 0.3em;
			
 
				+  text-align: right;
			
 
				+}
			
 
				+.ql-editor li.ql-direction-rtl::before {
			
 
				+  margin-left: 0.3em;
			
 
				+  margin-right: -1.5em;
			
 
				+}
			
 
				+.ql-editor ol li:not(.ql-direction-rtl),
			
 
				+.ql-editor ul li:not(.ql-direction-rtl) {
			
 
				+  padding-left: 1.5em;
			
 
				+}
			
 
				+.ql-editor ol li.ql-direction-rtl,
			
 
				+.ql-editor ul li.ql-direction-rtl {
			
 
				+  padding-right: 1.5em;
			
 
				+}
			
 
				+.ql-editor ol li {
			
 
				+  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
			
 
				+  counter-increment: list-0;
			
 
				+}
			
 
				+.ql-editor ol li:before {
			
 
				+  content: counter(list-0, decimal) '. ';
			
 
				+}
			
 
				+.ql-editor ol li.ql-indent-1 {
			
 
				+  counter-increment: list-1;
			
 
				+}
			
 
				+.ql-editor ol li.ql-indent-1:before {
			
 
				+  content: counter(list-1, lower-alpha) '. ';
			
 
				+}
			
 
				+.ql-editor ol li.ql-indent-1 {
			
 
				+  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
			
 
				+}
			
 
				+.ql-editor ol li.ql-indent-2 {
			
 
				+  counter-increment: list-2;
			
 
				+}
			
 
				+.ql-editor ol li.ql-indent-2:before {
			
 
				+  content: counter(list-2, lower-roman) '. ';
			
 
				+}
			
 
				+.ql-editor ol li.ql-indent-2 {
			
 
				+  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
			
 
				+}
			
 
				+.ql-editor ol li.ql-indent-3 {
			
 
				+  counter-increment: list-3;
			
 
				+}
			
 
				+.ql-editor ol li.ql-indent-3:before {
			
 
				+  content: counter(list-3, decimal) '. ';
			
 
				+}
			
 
				+.ql-editor ol li.ql-indent-3 {
			
 
				+  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
			
 
				+}
			
 
				+.ql-editor ol li.ql-indent-4 {
			
 
				+  counter-increment: list-4;
			
 
				+}
			
 
				+.ql-editor ol li.ql-indent-4:before {
			
 
				+  content: counter(list-4, lower-alpha) '. ';
			
 
				+}
			
 
				+.ql-editor ol li.ql-indent-4 {
			
 
				+  counter-reset: list-5 list-6 list-7 list-8 list-9;
			
 
				+}
			
 
				+.ql-editor ol li.ql-indent-5 {
			
 
				+  counter-increment: list-5;
			
 
				+}
			
 
				+.ql-editor ol li.ql-indent-5:before {
			
 
				+  content: counter(list-5, lower-roman) '. ';
			
 
				+}
			
 
				+.ql-editor ol li.ql-indent-5 {
			
 
				+  counter-reset: list-6 list-7 list-8 list-9;
			
 
				+}
			
 
				+.ql-editor ol li.ql-indent-6 {
			
 
				+  counter-increment: list-6;
			
 
				+}
			
 
				+.ql-editor ol li.ql-indent-6:before {
			
 
				+  content: counter(list-6, decimal) '. ';
			
 
				+}
			
 
				+.ql-editor ol li.ql-indent-6 {
			
 
				+  counter-reset: list-7 list-8 list-9;
			
 
				+}
			
 
				+.ql-editor ol li.ql-indent-7 {
			
 
				+  counter-increment: list-7;
			
 
				+}
			
 
				+.ql-editor ol li.ql-indent-7:before {
			
 
				+  content: counter(list-7, lower-alpha) '. ';
			
 
				+}
			
 
				+.ql-editor ol li.ql-indent-7 {
			
 
				+  counter-reset: list-8 list-9;
			
 
				+}
			
 
				+.ql-editor ol li.ql-indent-8 {
			
 
				+  counter-increment: list-8;
			
 
				+}
			
 
				+.ql-editor ol li.ql-indent-8:before {
			
 
				+  content: counter(list-8, lower-roman) '. ';
			
 
				+}
			
 
				+.ql-editor ol li.ql-indent-8 {
			
 
				+  counter-reset: list-9;
			
 
				+}
			
 
				+.ql-editor ol li.ql-indent-9 {
			
 
				+  counter-increment: list-9;
			
 
				+}
			
 
				+.ql-editor ol li.ql-indent-9:before {
			
 
				+  content: counter(list-9, decimal) '. ';
			
 
				+}
			
 
				+.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
			
 
				+  padding-left: 3em;
			
 
				+}
			
 
				+.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
			
 
				+  padding-left: 4.5em;
			
 
				+}
			
 
				+.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
			
 
				+  padding-right: 3em;
			
 
				+}
			
 
				+.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
			
 
				+  padding-right: 4.5em;
			
 
				+}
			
 
				+.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
			
 
				+  padding-left: 6em;
			
 
				+}
			
 
				+.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
			
 
				+  padding-left: 7.5em;
			
 
				+}
			
 
				+.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
			
 
				+  padding-right: 6em;
			
 
				+}
			
 
				+.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
			
 
				+  padding-right: 7.5em;
			
 
				+}
			
 
				+.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
			
 
				+  padding-left: 9em;
			
 
				+}
			
 
				+.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
			
 
				+  padding-left: 10.5em;
			
 
				+}
			
 
				+.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
			
 
				+  padding-right: 9em;
			
 
				+}
			
 
				+.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
			
 
				+  padding-right: 10.5em;
			
 
				+}
			
 
				+.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
			
 
				+  padding-left: 12em;
			
 
				+}
			
 
				+.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
			
 
				+  padding-left: 13.5em;
			
 
				+}
			
 
				+.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
			
 
				+  padding-right: 12em;
			
 
				+}
			
 
				+.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
			
 
				+  padding-right: 13.5em;
			
 
				+}
			
 
				+.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
			
 
				+  padding-left: 15em;
			
 
				+}
			
 
				+.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
			
 
				+  padding-left: 16.5em;
			
 
				+}
			
 
				+.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
			
 
				+  padding-right: 15em;
			
 
				+}
			
 
				+.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
			
 
				+  padding-right: 16.5em;
			
 
				+}
			
 
				+.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
			
 
				+  padding-left: 18em;
			
 
				+}
			
 
				+.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
			
 
				+  padding-left: 19.5em;
			
 
				+}
			
 
				+.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
			
 
				+  padding-right: 18em;
			
 
				+}
			
 
				+.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
			
 
				+  padding-right: 19.5em;
			
 
				+}
			
 
				+.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
			
 
				+  padding-left: 21em;
			
 
				+}
			
 
				+.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
			
 
				+  padding-left: 22.5em;
			
 
				+}
			
 
				+.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
			
 
				+  padding-right: 21em;
			
 
				+}
			
 
				+.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
			
 
				+  padding-right: 22.5em;
			
 
				+}
			
 
				+.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
			
 
				+  padding-left: 24em;
			
 
				+}
			
 
				+.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
			
 
				+  padding-left: 25.5em;
			
 
				+}
			
 
				+.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
			
 
				+  padding-right: 24em;
			
 
				+}
			
 
				+.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
			
 
				+  padding-right: 25.5em;
			
 
				+}
			
 
				+.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
			
 
				+  padding-left: 27em;
			
 
				+}
			
 
				+.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
			
 
				+  padding-left: 28.5em;
			
 
				+}
			
 
				+.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
			
 
				+  padding-right: 27em;
			
 
				+}
			
 
				+.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
			
 
				+  padding-right: 28.5em;
			
 
				+}
			
 
				+.ql-editor .ql-video {
			
 
				+  display: block;
			
 
				+  max-width: 100%;
			
 
				+}
			
 
				+.ql-editor .ql-video.ql-align-center {
			
 
				+  margin: 0 auto;
			
 
				+}
			
 
				+.ql-editor .ql-video.ql-align-right {
			
 
				+  margin: 0 0 0 auto;
			
 
				+}
			
 
				+.ql-editor .ql-bg-black {
			
 
				+  background-color: #000;
			
 
				+}
			
 
				+.ql-editor .ql-bg-red {
			
 
				+  background-color: #e60000;
			
 
				+}
			
 
				+.ql-editor .ql-bg-orange {
			
 
				+  background-color: #f90;
			
 
				+}
			
 
				+.ql-editor .ql-bg-yellow {
			
 
				+  background-color: #ff0;
			
 
				+}
			
 
				+.ql-editor .ql-bg-green {
			
 
				+  background-color: #008a00;
			
 
				+}
			
 
				+.ql-editor .ql-bg-blue {
			
 
				+  background-color: #06c;
			
 
				+}
			
 
				+.ql-editor .ql-bg-purple {
			
 
				+  background-color: #93f;
			
 
				+}
			
 
				+.ql-editor .ql-color-white {
			
 
				+  color: #fff;
			
 
				+}
			
 
				+.ql-editor .ql-color-red {
			
 
				+  color: #e60000;
			
 
				+}
			
 
				+.ql-editor .ql-color-orange {
			
 
				+  color: #f90;
			
 
				+}
			
 
				+.ql-editor .ql-color-yellow {
			
 
				+  color: #ff0;
			
 
				+}
			
 
				+.ql-editor .ql-color-green {
			
 
				+  color: #008a00;
			
 
				+}
			
 
				+.ql-editor .ql-color-blue {
			
 
				+  color: #06c;
			
 
				+}
			
 
				+.ql-editor .ql-color-purple {
			
 
				+  color: #93f;
			
 
				+}
			
 
				+.ql-editor .ql-font-serif {
			
 
				+  font-family: Georgia, Times New Roman, serif;
			
 
				+}
			
 
				+.ql-editor .ql-font-monospace {
			
 
				+  font-family: Monaco, Courier New, monospace;
			
 
				+}
			
 
				+.ql-editor .ql-size-small {
			
 
				+  font-size: 0.75em;
			
 
				+}
			
 
				+.ql-editor .ql-size-large {
			
 
				+  font-size: 1.5em;
			
 
				+}
			
 
				+.ql-editor .ql-size-huge {
			
 
				+  font-size: 2.5em;
			
 
				+}
			
 
				+.ql-editor .ql-direction-rtl {
			
 
				+  direction: rtl;
			
 
				+  text-align: inherit;
			
 
				+}
			
 
				+.ql-editor .ql-align-center {
			
 
				+  text-align: center;
			
 
				+}
			
 
				+.ql-editor .ql-align-justify {
			
 
				+  text-align: justify;
			
 
				+}
			
 
				+.ql-editor .ql-align-right {
			
 
				+  text-align: right;
			
 
				+}
			
 
				+.ql-editor.ql-blank::before {
			
 
				+  color: rgba(0,0,0,0.6);
			
 
				+  content: attr(data-placeholder);
			
 
				+  font-style: italic;
			
 
				+  left: 15px;
			
 
				+  pointer-events: none;
			
 
				+  position: absolute;
			
 
				+  right: 15px;
			
 
				+}
			
--- a/src/assets/css/quill.snow.css
+++ b/src/assets/css/quill.snow.css
@@ -0,0 +1,945 @@
 
				+/*!
			
 
				+ * Quill Editor v1.3.7
			
 
				+ * https://quilljs.com/
			
 
				+ * Copyright (c) 2014, Jason Chen
			
 
				+ * Copyright (c) 2013, salesforce.com
			
 
				+ */
			
 
				+.ql-container {
			
 
				+  box-sizing: border-box;
			
 
				+  font-family: Helvetica, Arial, sans-serif;
			
 
				+  font-size: 13px;
			
 
				+  height: 100%;
			
 
				+  margin: 0px;
			
 
				+  position: relative;
			
 
				+}
			
 
				+.ql-container.ql-disabled .ql-tooltip {
			
 
				+  visibility: hidden;
			
 
				+}
			
 
				+.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
			
 
				+  pointer-events: none;
			
 
				+}
			
 
				+.ql-clipboard {
			
 
				+  left: -100000px;
			
 
				+  height: 1px;
			
 
				+  overflow-y: hidden;
			
 
				+  position: absolute;
			
 
				+  top: 50%;
			
 
				+}
			
 
				+.ql-clipboard p {
			
 
				+  margin: 0;
			
 
				+  padding: 0;
			
 
				+}
			
 
				+.ql-editor {
			
 
				+  box-sizing: border-box;
			
 
				+  line-height: 1.42;
			
 
				+  height: 100%;
			
 
				+  outline: none;
			
 
				+  overflow-y: auto;
			
 
				+  padding: 12px 15px;
			
 
				+  tab-size: 4;
			
 
				+  -moz-tab-size: 4;
			
 
				+  text-align: left;
			
 
				+  white-space: pre-wrap;
			
 
				+  word-wrap: break-word;
			
 
				+}
			
 
				+.ql-editor > * {
			
 
				+  cursor: text;
			
 
				+}
			
 
				+.ql-editor p,
			
 
				+.ql-editor ol,
			
 
				+.ql-editor ul,
			
 
				+.ql-editor pre,
			
 
				+.ql-editor blockquote,
			
 
				+.ql-editor h1,
			
 
				+.ql-editor h2,
			
 
				+.ql-editor h3,
			
 
				+.ql-editor h4,
			
 
				+.ql-editor h5,
			
 
				+.ql-editor h6 {
			
 
				+  margin: 0;
			
 
				+  padding: 0;
			
 
				+  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
			
 
				+}
			
 
				+.ql-editor ol,
			
 
				+.ql-editor ul {
			
 
				+  padding-left: 1.5em;
			
 
				+}
			
 
				+.ql-editor ol > li,
			
 
				+.ql-editor ul > li {
			
 
				+  list-style-type: none;
			
 
				+}
			
 
				+.ql-editor ul > li::before {
			
 
				+  content: '\2022';
			
 
				+}
			
 
				+.ql-editor ul[data-checked=true],
			
 
				+.ql-editor ul[data-checked=false] {
			
 
				+  pointer-events: none;
			
 
				+}
			
 
				+.ql-editor ul[data-checked=true] > li *,
			
 
				+.ql-editor ul[data-checked=false] > li * {
			
 
				+  pointer-events: all;
			
 
				+}
			
 
				+.ql-editor ul[data-checked=true] > li::before,
			
 
				+.ql-editor ul[data-checked=false] > li::before {
			
 
				+  color: #777;
			
 
				+  cursor: pointer;
			
 
				+  pointer-events: all;
			
 
				+}
			
 
				+.ql-editor ul[data-checked=true] > li::before {
			
 
				+  content: '\2611';
			
 
				+}
			
 
				+.ql-editor ul[data-checked=false] > li::before {
			
 
				+  content: '\2610';
			
 
				+}
			
 
				+.ql-editor li::before {
			
 
				+  display: inline-block;
			
 
				+  white-space: nowrap;
			
 
				+  width: 1.2em;
			
 
				+}
			
 
				+.ql-editor li:not(.ql-direction-rtl)::before {
			
 
				+  margin-left: -1.5em;
			
 
				+  margin-right: 0.3em;
			
 
				+  text-align: right;
			
 
				+}
			
 
				+.ql-editor li.ql-direction-rtl::before {
			
 
				+  margin-left: 0.3em;
			
 
				+  margin-right: -1.5em;
			
 
				+}
			
 
				+.ql-editor ol li:not(.ql-direction-rtl),
			
 
				+.ql-editor ul li:not(.ql-direction-rtl) {
			
 
				+  padding-left: 1.5em;
			
 
				+}
			
 
				+.ql-editor ol li.ql-direction-rtl,
			
 
				+.ql-editor ul li.ql-direction-rtl {
			
 
				+  padding-right: 1.5em;
			
 
				+}
			
 
				+.ql-editor ol li {
			
 
				+  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
			
 
				+  counter-increment: list-0;
			
 
				+}
			
 
				+.ql-editor ol li:before {
			
 
				+  content: counter(list-0, decimal) '. ';
			
 
				+}
			
 
				+.ql-editor ol li.ql-indent-1 {
			
 
				+  counter-increment: list-1;
			
 
				+}
			
 
				+.ql-editor ol li.ql-indent-1:before {
			
 
				+  content: counter(list-1, lower-alpha) '. ';
			
 
				+}
			
 
				+.ql-editor ol li.ql-indent-1 {
			
 
				+  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
			
 
				+}
			
 
				+.ql-editor ol li.ql-indent-2 {
			
 
				+  counter-increment: list-2;
			
 
				+}
			
 
				+.ql-editor ol li.ql-indent-2:before {
			
 
				+  content: counter(list-2, lower-roman) '. ';
			
 
				+}
			
 
				+.ql-editor ol li.ql-indent-2 {
			
 
				+  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
			
 
				+}
			
 
				+.ql-editor ol li.ql-indent-3 {
			
 
				+  counter-increment: list-3;
			
 
				+}
			
 
				+.ql-editor ol li.ql-indent-3:before {
			
 
				+  content: counter(list-3, decimal) '. ';
			
 
				+}
			
 
				+.ql-editor ol li.ql-indent-3 {
			
 
				+  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
			
 
				+}
			
 
				+.ql-editor ol li.ql-indent-4 {
			
 
				+  counter-increment: list-4;
			
 
				+}
			
 
				+.ql-editor ol li.ql-indent-4:before {
			
 
				+  content: counter(list-4, lower-alpha) '. ';
			
 
				+}
			
 
				+.ql-editor ol li.ql-indent-4 {
			
 
				+  counter-reset: list-5 list-6 list-7 list-8 list-9;
			
 
				+}
			
 
				+.ql-editor ol li.ql-indent-5 {
			
 
				+  counter-increment: list-5;
			
 
				+}
			
 
				+.ql-editor ol li.ql-indent-5:before {
			
 
				+  content: counter(list-5, lower-roman) '. ';
			
 
				+}
			
 
				+.ql-editor ol li.ql-indent-5 {
			
 
				+  counter-reset: list-6 list-7 list-8 list-9;
			
 
				+}
			
 
				+.ql-editor ol li.ql-indent-6 {
			
 
				+  counter-increment: list-6;
			
 
				+}
			
 
				+.ql-editor ol li.ql-indent-6:before {
			
 
				+  content: counter(list-6, decimal) '. ';
			
 
				+}
			
 
				+.ql-editor ol li.ql-indent-6 {
			
 
				+  counter-reset: list-7 list-8 list-9;
			
 
				+}
			
 
				+.ql-editor ol li.ql-indent-7 {
			
 
				+  counter-increment: list-7;
			
 
				+}
			
 
				+.ql-editor ol li.ql-indent-7:before {
			
 
				+  content: counter(list-7, lower-alpha) '. ';
			
 
				+}
			
 
				+.ql-editor ol li.ql-indent-7 {
			
 
				+  counter-reset: list-8 list-9;
			
 
				+}
			
 
				+.ql-editor ol li.ql-indent-8 {
			
 
				+  counter-increment: list-8;
			
 
				+}
			
 
				+.ql-editor ol li.ql-indent-8:before {
			
 
				+  content: counter(list-8, lower-roman) '. ';
			
 
				+}
			
 
				+.ql-editor ol li.ql-indent-8 {
			
 
				+  counter-reset: list-9;
			
 
				+}
			
 
				+.ql-editor ol li.ql-indent-9 {
			
 
				+  counter-increment: list-9;
			
 
				+}
			
 
				+.ql-editor ol li.ql-indent-9:before {
			
 
				+  content: counter(list-9, decimal) '. ';
			
 
				+}
			
 
				+.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
			
 
				+  padding-left: 3em;
			
 
				+}
			
 
				+.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
			
 
				+  padding-left: 4.5em;
			
 
				+}
			
 
				+.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
			
 
				+  padding-right: 3em;
			
 
				+}
			
 
				+.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
			
 
				+  padding-right: 4.5em;
			
 
				+}
			
 
				+.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
			
 
				+  padding-left: 6em;
			
 
				+}
			
 
				+.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
			
 
				+  padding-left: 7.5em;
			
 
				+}
			
 
				+.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
			
 
				+  padding-right: 6em;
			
 
				+}
			
 
				+.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
			
 
				+  padding-right: 7.5em;
			
 
				+}
			
 
				+.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
			
 
				+  padding-left: 9em;
			
 
				+}
			
 
				+.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
			
 
				+  padding-left: 10.5em;
			
 
				+}
			
 
				+.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
			
 
				+  padding-right: 9em;
			
 
				+}
			
 
				+.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
			
 
				+  padding-right: 10.5em;
			
 
				+}
			
 
				+.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
			
 
				+  padding-left: 12em;
			
 
				+}
			
 
				+.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
			
 
				+  padding-left: 13.5em;
			
 
				+}
			
 
				+.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
			
 
				+  padding-right: 12em;
			
 
				+}
			
 
				+.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
			
 
				+  padding-right: 13.5em;
			
 
				+}
			
 
				+.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
			
 
				+  padding-left: 15em;
			
 
				+}
			
 
				+.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
			
 
				+  padding-left: 16.5em;
			
 
				+}
			
 
				+.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
			
 
				+  padding-right: 15em;
			
 
				+}
			
 
				+.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
			
 
				+  padding-right: 16.5em;
			
 
				+}
			
 
				+.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
			
 
				+  padding-left: 18em;
			
 
				+}
			
 
				+.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
			
 
				+  padding-left: 19.5em;
			
 
				+}
			
 
				+.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
			
 
				+  padding-right: 18em;
			
 
				+}
			
 
				+.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
			
 
				+  padding-right: 19.5em;
			
 
				+}
			
 
				+.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
			
 
				+  padding-left: 21em;
			
 
				+}
			
 
				+.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
			
 
				+  padding-left: 22.5em;
			
 
				+}
			
 
				+.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
			
 
				+  padding-right: 21em;
			
 
				+}
			
 
				+.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
			
 
				+  padding-right: 22.5em;
			
 
				+}
			
 
				+.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
			
 
				+  padding-left: 24em;
			
 
				+}
			
 
				+.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
			
 
				+  padding-left: 25.5em;
			
 
				+}
			
 
				+.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
			
 
				+  padding-right: 24em;
			
 
				+}
			
 
				+.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
			
 
				+  padding-right: 25.5em;
			
 
				+}
			
 
				+.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
			
 
				+  padding-left: 27em;
			
 
				+}
			
 
				+.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
			
 
				+  padding-left: 28.5em;
			
 
				+}
			
 
				+.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
			
 
				+  padding-right: 27em;
			
 
				+}
			
 
				+.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
			
 
				+  padding-right: 28.5em;
			
 
				+}
			
 
				+.ql-editor .ql-video {
			
 
				+  display: block;
			
 
				+  max-width: 100%;
			
 
				+}
			
 
				+.ql-editor .ql-video.ql-align-center {
			
 
				+  margin: 0 auto;
			
 
				+}
			
 
				+.ql-editor .ql-video.ql-align-right {
			
 
				+  margin: 0 0 0 auto;
			
 
				+}
			
 
				+.ql-editor .ql-bg-black {
			
 
				+  background-color: #000;
			
 
				+}
			
 
				+.ql-editor .ql-bg-red {
			
 
				+  background-color: #e60000;
			
 
				+}
			
 
				+.ql-editor .ql-bg-orange {
			
 
				+  background-color: #f90;
			
 
				+}
			
 
				+.ql-editor .ql-bg-yellow {
			
 
				+  background-color: #ff0;
			
 
				+}
			
 
				+.ql-editor .ql-bg-green {
			
 
				+  background-color: #008a00;
			
 
				+}
			
 
				+.ql-editor .ql-bg-blue {
			
 
				+  background-color: #06c;
			
 
				+}
			
 
				+.ql-editor .ql-bg-purple {
			
 
				+  background-color: #93f;
			
 
				+}
			
 
				+.ql-editor .ql-color-white {
			
 
				+  color: #fff;
			
 
				+}
			
 
				+.ql-editor .ql-color-red {
			
 
				+  color: #e60000;
			
 
				+}
			
 
				+.ql-editor .ql-color-orange {
			
 
				+  color: #f90;
			
 
				+}
			
 
				+.ql-editor .ql-color-yellow {
			
 
				+  color: #ff0;
			
 
				+}
			
 
				+.ql-editor .ql-color-green {
			
 
				+  color: #008a00;
			
 
				+}
			
 
				+.ql-editor .ql-color-blue {
			
 
				+  color: #06c;
			
 
				+}
			
 
				+.ql-editor .ql-color-purple {
			
 
				+  color: #93f;
			
 
				+}
			
 
				+.ql-editor .ql-font-serif {
			
 
				+  font-family: Georgia, Times New Roman, serif;
			
 
				+}
			
 
				+.ql-editor .ql-font-monospace {
			
 
				+  font-family: Monaco, Courier New, monospace;
			
 
				+}
			
 
				+.ql-editor .ql-size-small {
			
 
				+  font-size: 0.75em;
			
 
				+}
			
 
				+.ql-editor .ql-size-large {
			
 
				+  font-size: 1.5em;
			
 
				+}
			
 
				+.ql-editor .ql-size-huge {
			
 
				+  font-size: 2.5em;
			
 
				+}
			
 
				+.ql-editor .ql-direction-rtl {
			
 
				+  direction: rtl;
			
 
				+  text-align: inherit;
			
 
				+}
			
 
				+.ql-editor .ql-align-center {
			
 
				+  text-align: center;
			
 
				+}
			
 
				+.ql-editor .ql-align-justify {
			
 
				+  text-align: justify;
			
 
				+}
			
 
				+.ql-editor .ql-align-right {
			
 
				+  text-align: right;
			
 
				+}
			
 
				+.ql-editor.ql-blank::before {
			
 
				+  color: rgba(0,0,0,0.6);
			
 
				+  content: attr(data-placeholder);
			
 
				+  font-style: italic;
			
 
				+  left: 15px;
			
 
				+  pointer-events: none;
			
 
				+  position: absolute;
			
 
				+  right: 15px;
			
 
				+}
			
 
				+.ql-snow.ql-toolbar:after,
			
 
				+.ql-snow .ql-toolbar:after {
			
 
				+  clear: both;
			
 
				+  content: '';
			
 
				+  display: table;
			
 
				+}
			
 
				+.ql-snow.ql-toolbar button,
			
 
				+.ql-snow .ql-toolbar button {
			
 
				+  background: none;
			
 
				+  border: none;
			
 
				+  cursor: pointer;
			
 
				+  display: inline-block;
			
 
				+  float: left;
			
 
				+  height: 24px;
			
 
				+  padding: 3px 5px;
			
 
				+  width: 28px;
			
 
				+}
			
 
				+.ql-snow.ql-toolbar button svg,
			
 
				+.ql-snow .ql-toolbar button svg {
			
 
				+  float: left;
			
 
				+  height: 100%;
			
 
				+}
			
 
				+.ql-snow.ql-toolbar button:active:hover,
			
 
				+.ql-snow .ql-toolbar button:active:hover {
			
 
				+  outline: none;
			
 
				+}
			
 
				+.ql-snow.ql-toolbar input.ql-image[type=file],
			
 
				+.ql-snow .ql-toolbar input.ql-image[type=file] {
			
 
				+  display: none;
			
 
				+}
			
 
				+.ql-snow.ql-toolbar button:hover,
			
 
				+.ql-snow .ql-toolbar button:hover,
			
 
				+.ql-snow.ql-toolbar button:focus,
			
 
				+.ql-snow .ql-toolbar button:focus,
			
 
				+.ql-snow.ql-toolbar button.ql-active,
			
 
				+.ql-snow .ql-toolbar button.ql-active,
			
 
				+.ql-snow.ql-toolbar .ql-picker-label:hover,
			
 
				+.ql-snow .ql-toolbar .ql-picker-label:hover,
			
 
				+.ql-snow.ql-toolbar .ql-picker-label.ql-active,
			
 
				+.ql-snow .ql-toolbar .ql-picker-label.ql-active,
			
 
				+.ql-snow.ql-toolbar .ql-picker-item:hover,
			
 
				+.ql-snow .ql-toolbar .ql-picker-item:hover,
			
 
				+.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
			
 
				+.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
			
 
				+  color: #06c;
			
 
				+}
			
 
				+.ql-snow.ql-toolbar button:hover .ql-fill,
			
 
				+.ql-snow .ql-toolbar button:hover .ql-fill,
			
 
				+.ql-snow.ql-toolbar button:focus .ql-fill,
			
 
				+.ql-snow .ql-toolbar button:focus .ql-fill,
			
 
				+.ql-snow.ql-toolbar button.ql-active .ql-fill,
			
 
				+.ql-snow .ql-toolbar button.ql-active .ql-fill,
			
 
				+.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
			
 
				+.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
			
 
				+.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
			
 
				+.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
			
 
				+.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
			
 
				+.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
			
 
				+.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
			
 
				+.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
			
 
				+.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
			
 
				+.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
			
 
				+.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
			
 
				+.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
			
 
				+.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
			
 
				+.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
			
 
				+.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
			
 
				+.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
			
 
				+.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
			
 
				+.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
			
 
				+.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
			
 
				+.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
			
 
				+.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
			
 
				+.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
			
 
				+  fill: #06c;
			
 
				+}
			
 
				+.ql-snow.ql-toolbar button:hover .ql-stroke,
			
 
				+.ql-snow .ql-toolbar button:hover .ql-stroke,
			
 
				+.ql-snow.ql-toolbar button:focus .ql-stroke,
			
 
				+.ql-snow .ql-toolbar button:focus .ql-stroke,
			
 
				+.ql-snow.ql-toolbar button.ql-active .ql-stroke,
			
 
				+.ql-snow .ql-toolbar button.ql-active .ql-stroke,
			
 
				+.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
			
 
				+.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
			
 
				+.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
			
 
				+.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
			
 
				+.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
			
 
				+.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
			
 
				+.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
			
 
				+.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
			
 
				+.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
			
 
				+.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
			
 
				+.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
			
 
				+.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
			
 
				+.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
			
 
				+.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
			
 
				+.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
			
 
				+.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
			
 
				+.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
			
 
				+.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
			
 
				+.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
			
 
				+.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
			
 
				+.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
			
 
				+.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
			
 
				+  stroke: #06c;
			
 
				+}
			
 
				+@media (pointer: coarse) {
			
 
				+  .ql-snow.ql-toolbar button:hover:not(.ql-active),
			
 
				+  .ql-snow .ql-toolbar button:hover:not(.ql-active) {
			
 
				+    color: #444;
			
 
				+  }
			
 
				+  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
			
 
				+  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
			
 
				+  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
			
 
				+  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
			
 
				+    fill: #444;
			
 
				+  }
			
 
				+  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
			
 
				+  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
			
 
				+  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
			
 
				+  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
			
 
				+    stroke: #444;
			
 
				+  }
			
 
				+}
			
 
				+.ql-snow {
			
 
				+  box-sizing: border-box;
			
 
				+}
			
 
				+.ql-snow * {
			
 
				+  box-sizing: border-box;
			
 
				+}
			
 
				+.ql-snow .ql-hidden {
			
 
				+  display: none;
			
 
				+}
			
 
				+.ql-snow .ql-out-bottom,
			
 
				+.ql-snow .ql-out-top {
			
 
				+  visibility: hidden;
			
 
				+}
			
 
				+.ql-snow .ql-tooltip {
			
 
				+  position: absolute;
			
 
				+  transform: translateY(10px);
			
 
				+}
			
 
				+.ql-snow .ql-tooltip a {
			
 
				+  cursor: pointer;
			
 
				+  text-decoration: none;
			
 
				+}
			
 
				+.ql-snow .ql-tooltip.ql-flip {
			
 
				+  transform: translateY(-10px);
			
 
				+}
			
 
				+.ql-snow .ql-formats {
			
 
				+  display: inline-block;
			
 
				+  vertical-align: middle;
			
 
				+}
			
 
				+.ql-snow .ql-formats:after {
			
 
				+  clear: both;
			
 
				+  content: '';
			
 
				+  display: table;
			
 
				+}
			
 
				+.ql-snow .ql-stroke {
			
 
				+  fill: none;
			
 
				+  stroke: #444;
			
 
				+  stroke-linecap: round;
			
 
				+  stroke-linejoin: round;
			
 
				+  stroke-width: 2;
			
 
				+}
			
 
				+.ql-snow .ql-stroke-miter {
			
 
				+  fill: none;
			
 
				+  stroke: #444;
			
 
				+  stroke-miterlimit: 10;
			
 
				+  stroke-width: 2;
			
 
				+}
			
 
				+.ql-snow .ql-fill,
			
 
				+.ql-snow .ql-stroke.ql-fill {
			
 
				+  fill: #444;
			
 
				+}
			
 
				+.ql-snow .ql-empty {
			
 
				+  fill: none;
			
 
				+}
			
 
				+.ql-snow .ql-even {
			
 
				+  fill-rule: evenodd;
			
 
				+}
			
 
				+.ql-snow .ql-thin,
			
 
				+.ql-snow .ql-stroke.ql-thin {
			
 
				+  stroke-width: 1;
			
 
				+}
			
 
				+.ql-snow .ql-transparent {
			
 
				+  opacity: 0.4;
			
 
				+}
			
 
				+.ql-snow .ql-direction svg:last-child {
			
 
				+  display: none;
			
 
				+}
			
 
				+.ql-snow .ql-direction.ql-active svg:last-child {
			
 
				+  display: inline;
			
 
				+}
			
 
				+.ql-snow .ql-direction.ql-active svg:first-child {
			
 
				+  display: none;
			
 
				+}
			
 
				+.ql-snow .ql-editor h1 {
			
 
				+  font-size: 2em;
			
 
				+}
			
 
				+.ql-snow .ql-editor h2 {
			
 
				+  font-size: 1.5em;
			
 
				+}
			
 
				+.ql-snow .ql-editor h3 {
			
 
				+  font-size: 1.17em;
			
 
				+}
			
 
				+.ql-snow .ql-editor h4 {
			
 
				+  font-size: 1em;
			
 
				+}
			
 
				+.ql-snow .ql-editor h5 {
			
 
				+  font-size: 0.83em;
			
 
				+}
			
 
				+.ql-snow .ql-editor h6 {
			
 
				+  font-size: 0.67em;
			
 
				+}
			
 
				+.ql-snow .ql-editor a {
			
 
				+  text-decoration: underline;
			
 
				+}
			
 
				+.ql-snow .ql-editor blockquote {
			
 
				+  border-left: 4px solid #ccc;
			
 
				+  margin-bottom: 5px;
			
 
				+  margin-top: 5px;
			
 
				+  padding-left: 16px;
			
 
				+}
			
 
				+.ql-snow .ql-editor code,
			
 
				+.ql-snow .ql-editor pre {
			
 
				+  background-color: #f0f0f0;
			
 
				+  border-radius: 3px;
			
 
				+}
			
 
				+.ql-snow .ql-editor pre {
			
 
				+  white-space: pre-wrap;
			
 
				+  margin-bottom: 5px;
			
 
				+  margin-top: 5px;
			
 
				+  padding: 5px 10px;
			
 
				+}
			
 
				+.ql-snow .ql-editor code {
			
 
				+  font-size: 85%;
			
 
				+  padding: 2px 4px;
			
 
				+}
			
 
				+.ql-snow .ql-editor pre.ql-syntax {
			
 
				+  background-color: #23241f;
			
 
				+  color: #f8f8f2;
			
 
				+  overflow: visible;
			
 
				+}
			
 
				+.ql-snow .ql-editor img {
			
 
				+  max-width: 100%;
			
 
				+}
			
 
				+.ql-snow .ql-picker {
			
 
				+  color: #444;
			
 
				+  display: inline-block;
			
 
				+  float: left;
			
 
				+  font-size: 14px;
			
 
				+  font-weight: 500;
			
 
				+  height: 24px;
			
 
				+  position: relative;
			
 
				+  vertical-align: middle;
			
 
				+}
			
 
				+.ql-snow .ql-picker-label {
			
 
				+  cursor: pointer;
			
 
				+  display: inline-block;
			
 
				+  height: 100%;
			
 
				+  padding-left: 8px;
			
 
				+  padding-right: 2px;
			
 
				+  position: relative;
			
 
				+  width: 100%;
			
 
				+}
			
 
				+.ql-snow .ql-picker-label::before {
			
 
				+  display: inline-block;
			
 
				+  line-height: 22px;
			
 
				+}
			
 
				+.ql-snow .ql-picker-options {
			
 
				+  background-color: #fff;
			
 
				+  display: none;
			
 
				+  min-width: 100%;
			
 
				+  padding: 4px 8px;
			
 
				+  position: absolute;
			
 
				+  white-space: nowrap;
			
 
				+}
			
 
				+.ql-snow .ql-picker-options .ql-picker-item {
			
 
				+  cursor: pointer;
			
 
				+  display: block;
			
 
				+  padding-bottom: 5px;
			
 
				+  padding-top: 5px;
			
 
				+}
			
 
				+.ql-snow .ql-picker.ql-expanded .ql-picker-label {
			
 
				+  color: #ccc;
			
 
				+  z-index: 2;
			
 
				+}
			
 
				+.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
			
 
				+  fill: #ccc;
			
 
				+}
			
 
				+.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
			
 
				+  stroke: #ccc;
			
 
				+}
			
 
				+.ql-snow .ql-picker.ql-expanded .ql-picker-options {
			
 
				+  display: block;
			
 
				+  margin-top: -1px;
			
 
				+  top: 100%;
			
 
				+  z-index: 1;
			
 
				+}
			
 
				+.ql-snow .ql-color-picker,
			
 
				+.ql-snow .ql-icon-picker {
			
 
				+  width: 28px;
			
 
				+}
			
 
				+.ql-snow .ql-color-picker .ql-picker-label,
			
 
				+.ql-snow .ql-icon-picker .ql-picker-label {
			
 
				+  padding: 2px 4px;
			
 
				+}
			
 
				+.ql-snow .ql-color-picker .ql-picker-label svg,
			
 
				+.ql-snow .ql-icon-picker .ql-picker-label svg {
			
 
				+  right: 4px;
			
 
				+}
			
 
				+.ql-snow .ql-icon-picker .ql-picker-options {
			
 
				+  padding: 4px 0px;
			
 
				+}
			
 
				+.ql-snow .ql-icon-picker .ql-picker-item {
			
 
				+  height: 24px;
			
 
				+  width: 24px;
			
 
				+  padding: 2px 4px;
			
 
				+}
			
 
				+.ql-snow .ql-color-picker .ql-picker-options {
			
 
				+  padding: 3px 5px;
			
 
				+  width: 152px;
			
 
				+}
			
 
				+.ql-snow .ql-color-picker .ql-picker-item {
			
 
				+  border: 1px solid transparent;
			
 
				+  float: left;
			
 
				+  height: 16px;
			
 
				+  margin: 2px;
			
 
				+  padding: 0px;
			
 
				+  width: 16px;
			
 
				+}
			
 
				+.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
			
 
				+  position: absolute;
			
 
				+  margin-top: -9px;
			
 
				+  right: 0;
			
 
				+  top: 50%;
			
 
				+  width: 18px;
			
 
				+}
			
 
				+.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
			
 
				+.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
			
 
				+.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
			
 
				+.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
			
 
				+.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
			
 
				+.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
			
 
				+  content: attr(data-label);
			
 
				+}
			
 
				+.ql-snow .ql-picker.ql-header {
			
 
				+  width: 98px;
			
 
				+}
			
 
				+.ql-snow .ql-picker.ql-header .ql-picker-label::before,
			
 
				+.ql-snow .ql-picker.ql-header .ql-picker-item::before {
			
 
				+  content: 'Normal';
			
 
				+}
			
 
				+.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
			
 
				+.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
			
 
				+  content: 'Heading 1';
			
 
				+}
			
 
				+.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
			
 
				+.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
			
 
				+  content: 'Heading 2';
			
 
				+}
			
 
				+.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
			
 
				+.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
			
 
				+  content: 'Heading 3';
			
 
				+}
			
 
				+.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
			
 
				+.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
			
 
				+  content: 'Heading 4';
			
 
				+}
			
 
				+.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
			
 
				+.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
			
 
				+  content: 'Heading 5';
			
 
				+}
			
 
				+.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
			
 
				+.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
			
 
				+  content: 'Heading 6';
			
 
				+}
			
 
				+.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
			
 
				+  font-size: 2em;
			
 
				+}
			
 
				+.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
			
 
				+  font-size: 1.5em;
			
 
				+}
			
 
				+.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
			
 
				+  font-size: 1.17em;
			
 
				+}
			
 
				+.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
			
 
				+  font-size: 1em;
			
 
				+}
			
 
				+.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
			
 
				+  font-size: 0.83em;
			
 
				+}
			
 
				+.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
			
 
				+  font-size: 0.67em;
			
 
				+}
			
 
				+.ql-snow .ql-picker.ql-font {
			
 
				+  width: 108px;
			
 
				+}
			
 
				+.ql-snow .ql-picker.ql-font .ql-picker-label::before,
			
 
				+.ql-snow .ql-picker.ql-font .ql-picker-item::before {
			
 
				+  content: 'Sans Serif';
			
 
				+}
			
 
				+.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
			
 
				+.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
			
 
				+  content: 'Serif';
			
 
				+}
			
 
				+.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
			
 
				+.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
			
 
				+  content: 'Monospace';
			
 
				+}
			
 
				+.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
			
 
				+  font-family: Georgia, Times New Roman, serif;
			
 
				+}
			
 
				+.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
			
 
				+  font-family: Monaco, Courier New, monospace;
			
 
				+}
			
 
				+.ql-snow .ql-picker.ql-size {
			
 
				+  width: 98px;
			
 
				+}
			
 
				+.ql-snow .ql-picker.ql-size .ql-picker-label::before,
			
 
				+.ql-snow .ql-picker.ql-size .ql-picker-item::before {
			
 
				+  content: 'Normal';
			
 
				+}
			
 
				+.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
			
 
				+.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
			
 
				+  content: 'Small';
			
 
				+}
			
 
				+.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
			
 
				+.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
			
 
				+  content: 'Large';
			
 
				+}
			
 
				+.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
			
 
				+.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
			
 
				+  content: 'Huge';
			
 
				+}
			
 
				+.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
			
 
				+  font-size: 10px;
			
 
				+}
			
 
				+.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
			
 
				+  font-size: 18px;
			
 
				+}
			
 
				+.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
			
 
				+  font-size: 32px;
			
 
				+}
			
 
				+.ql-snow .ql-color-picker.ql-background .ql-picker-item {
			
 
				+  background-color: #fff;
			
 
				+}
			
 
				+.ql-snow .ql-color-picker.ql-color .ql-picker-item {
			
 
				+  background-color: #000;
			
 
				+}
			
 
				+.ql-toolbar.ql-snow {
			
 
				+  border: 1px solid #ccc;
			
 
				+  box-sizing: border-box;
			
 
				+  font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
			
 
				+  padding: 8px;
			
 
				+}
			
 
				+.ql-toolbar.ql-snow .ql-formats {
			
 
				+  margin-right: 15px;
			
 
				+}
			
 
				+.ql-toolbar.ql-snow .ql-picker-label {
			
 
				+  border: 1px solid transparent;
			
 
				+}
			
 
				+.ql-toolbar.ql-snow .ql-picker-options {
			
 
				+  border: 1px solid transparent;
			
 
				+  box-shadow: rgba(0,0,0,0.2) 0 2px 8px;
			
 
				+}
			
 
				+.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
			
 
				+  border-color: #ccc;
			
 
				+}
			
 
				+.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
			
 
				+  border-color: #ccc;
			
 
				+}
			
 
				+.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
			
 
				+.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
			
 
				+  border-color: #000;
			
 
				+}
			
 
				+.ql-toolbar.ql-snow + .ql-container.ql-snow {
			
 
				+  border-top: 0px;
			
 
				+}
			
 
				+.ql-snow .ql-tooltip {
			
 
				+  background-color: #fff;
			
 
				+  border: 1px solid #ccc;
			
 
				+  box-shadow: 0px 0px 5px #ddd;
			
 
				+  color: #444;
			
 
				+  padding: 5px 12px;
			
 
				+  white-space: nowrap;
			
 
				+}
			
 
				+.ql-snow .ql-tooltip::before {
			
 
				+  content: "Visit URL:";
			
 
				+  line-height: 26px;
			
 
				+  margin-right: 8px;
			
 
				+}
			
 
				+.ql-snow .ql-tooltip input[type=text] {
			
 
				+  display: none;
			
 
				+  border: 1px solid #ccc;
			
 
				+  font-size: 13px;
			
 
				+  height: 26px;
			
 
				+  margin: 0px;
			
 
				+  padding: 3px 5px;
			
 
				+  width: 170px;
			
 
				+}
			
 
				+.ql-snow .ql-tooltip a.ql-preview {
			
 
				+  display: inline-block;
			
 
				+  max-width: 200px;
			
 
				+  overflow-x: hidden;
			
 
				+  text-overflow: ellipsis;
			
 
				+  vertical-align: top;
			
 
				+}
			
 
				+.ql-snow .ql-tooltip a.ql-action::after {
			
 
				+  border-right: 1px solid #ccc;
			
 
				+  content: 'Edit';
			
 
				+  margin-left: 16px;
			
 
				+  padding-right: 8px;
			
 
				+}
			
 
				+.ql-snow .ql-tooltip a.ql-remove::before {
			
 
				+  content: 'Remove';
			
 
				+  margin-left: 8px;
			
 
				+}
			
 
				+.ql-snow .ql-tooltip a {
			
 
				+  line-height: 26px;
			
 
				+}
			
 
				+.ql-snow .ql-tooltip.ql-editing a.ql-preview,
			
 
				+.ql-snow .ql-tooltip.ql-editing a.ql-remove {
			
 
				+  display: none;
			
 
				+}
			
 
				+.ql-snow .ql-tooltip.ql-editing input[type=text] {
			
 
				+  display: inline-block;
			
 
				+}
			
 
				+.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
			
 
				+  border-right: 0px;
			
 
				+  content: 'Save';
			
 
				+  padding-right: 0px;
			
 
				+}
			
 
				+.ql-snow .ql-tooltip[data-mode=link]::before {
			
 
				+  content: "Enter link:";
			
 
				+}
			
 
				+.ql-snow .ql-tooltip[data-mode=formula]::before {
			
 
				+  content: "Enter formula:";
			
 
				+}
			
 
				+.ql-snow .ql-tooltip[data-mode=video]::before {
			
 
				+  content: "Enter video:";
			
 
				+}
			
 
				+.ql-snow a {
			
 
				+  color: #06c;
			
 
				+}
			
 
				+.ql-container.ql-snow {
			
 
				+  border: 1px solid #ccc;
			
 
				+}
			
--- a/src/assets/daohangdizhi.png
+++ b/src/assets/daohangdizhi.png
--- a/src/assets/dianhua.png
+++ b/src/assets/dianhua.png
--- a/src/assets/expButton.png
+++ b/src/assets/expButton.png
--- a/src/assets/experiential.png
+++ b/src/assets/experiential.png
--- a/src/assets/fonterbg.png
+++ b/src/assets/fonterbg.png
--- a/src/assets/graySlide.jpg
+++ b/src/assets/graySlide.jpg
--- a/src/assets/home-top.png
+++ b/src/assets/home-top.png
--- a/src/assets/home/zy.png
+++ b/src/assets/home/zy.png
--- a/src/assets/home/zyselect.png
+++ b/src/assets/home/zyselect.png
--- a/src/assets/homeBannerBtn.png
+++ b/src/assets/homeBannerBtn.png
--- a/src/assets/homeTit.png
+++ b/src/assets/homeTit.png
--- a/src/assets/js/henan.json
+++ b/src/assets/js/henan.json
--- a/src/assets/learnMore1.png
+++ b/src/assets/learnMore1.png
--- a/src/assets/learnMore2.png
+++ b/src/assets/learnMore2.png
--- a/src/assets/line.png
+++ b/src/assets/line.png
--- a/src/assets/logo.png
+++ b/src/assets/logo.png
--- a/src/assets/logo2.png
+++ b/src/assets/logo2.png
--- a/src/assets/mobileWork.png
+++ b/src/assets/mobileWork.png
--- a/src/assets/mobileWork1.png
+++ b/src/assets/mobileWork1.png
--- a/src/assets/newsbanner.jpg
+++ b/src/assets/newsbanner.jpg
--- a/src/assets/newsbanner.png
+++ b/src/assets/newsbanner.png
--- a/src/assets/phone.png
+++ b/src/assets/phone.png
--- a/src/assets/productBannerBtn.png
+++ b/src/assets/productBannerBtn.png
--- a/src/assets/productTrials.png
+++ b/src/assets/productTrials.png
--- a/src/assets/productsPic1.png
+++ b/src/assets/productsPic1.png
--- a/src/assets/productsPic2.png
+++ b/src/assets/productsPic2.png
--- a/src/assets/productsPic3.png
+++ b/src/assets/productsPic3.png
--- a/src/assets/productsPic_1.png
+++ b/src/assets/productsPic_1.png
--- a/src/assets/productsPic_2.png
+++ b/src/assets/productsPic_2.png
--- a/src/assets/productsPic_3.png
+++ b/src/assets/productsPic_3.png
--- a/src/assets/report-bg.png
+++ b/src/assets/report-bg.png
--- a/src/assets/sceneryBg.png
+++ b/src/assets/sceneryBg.png
--- a/src/assets/simple.png
+++ b/src/assets/simple.png
--- a/src/assets/simple1.png
+++ b/src/assets/simple1.png
--- a/src/assets/sj.png
+++ b/src/assets/sj.png
--- a/src/assets/solution.png
+++ b/src/assets/solution.png
--- a/src/assets/solution1.png
+++ b/src/assets/solution1.png
--- a/src/assets/speadLine.png
+++ b/src/assets/speadLine.png
--- a/src/assets/tabBox.png
+++ b/src/assets/tabBox.png
--- a/src/assets/tel.png
+++ b/src/assets/tel.png
--- a/src/assets/telephonecounseling.png
+++ b/src/assets/telephonecounseling.png
--- a/src/assets/u41.png
+++ b/src/assets/u41.png
--- a/src/assets/usorgimg.png
+++ b/src/assets/usorgimg.png
--- a/src/assets/uss.png
+++ b/src/assets/uss.png
--- a/src/assets/usselct.png
+++ b/src/assets/usselct.png
--- a/src/assets/whiteLine.png
+++ b/src/assets/whiteLine.png
--- a/src/assets/wikibanner.png
+++ b/src/assets/wikibanner.png
--- a/src/assets/wikibanner1.png
+++ b/src/assets/wikibanner1.png
--- a/src/assets/workTage.png
+++ b/src/assets/workTage.png
--- a/src/assets/wxcode.png
+++ b/src/assets/wxcode.png
--- a/src/assets/xj.png
+++ b/src/assets/xj.png
--- a/src/assets/y.png
+++ b/src/assets/y.png